MediaWiki:Common.js:修订间差异
外观
创建页面,内容为“→这里的任何JavaScript将为所有用户在每次页面加载时加载。: // 自动滚动 引用自神奇宝贝百科 function autoScroll(obj, scrollInterval, fadeSpeed) { var isFrozen = false; $(obj).each(function () { var $ul = $(this).find("ul:first"); var $lis = $ul.find("li"); $lis.hide().first().show(); setInterval(function () { if (!isFrozen) { var $currentLi = $ul.find("li:fi…” |
无编辑摘要 |
||
| 第37行: | 第37行: | ||
autoScroll("#scrollDiv", 5000, 500); | autoScroll("#scrollDiv", 5000, 500); | ||
autoScroll(".autoScroll", 5000, 500); | autoScroll(".autoScroll", 5000, 500); | ||
//右侧目录 引用自PRTS | |||
$().ready(function(){ | |||
var b = $("<div id='rightToc' style='opacity: 0;'><div id='rtocbt'>目<br/>录</div></div>"); | |||
b.append($('#toc').children('ul').clone().removeAttr("style")); | |||
$("#toc").after(b); | |||
var IsAnim=false; | |||
b.ready(function(){ | |||
$("#rightToc").children("ul").wrap("<div id='rtoculw'></div>"); | |||
$("#rtoculw").children("ul").attr('id','rtocul'); | |||
$("#rightToc").css("marginRight",-$("#rtoculw").outerWidth()); | |||
$('#rtocbt').on('mouseover',function(){ | |||
if(IsAnim){ | |||
return; | |||
} | |||
IsAnim=true; | |||
$("#rightToc").animate({ | |||
marginRight:'5px' | |||
},"fast",function() { | |||
IsAnim=false; | |||
$('#rightToc').addClass('rtshow'); | |||
$('#rightToc').removeClass('rthide'); | |||
}); | |||
}); | |||
$($("#rtoculw")[0]).on('mouseleave',function(){ | |||
if(IsAnim){ | |||
return; | |||
} | |||
IsAnim=true; | |||
$("#rightToc").animate({ | |||
marginRight:-$("#rtoculw").outerWidth() | |||
},"fast",function(){ | |||
IsAnim=false; | |||
$('#rightToc').addClass('rthide'); | |||
$('#rightToc').removeClass('rtshow'); | |||
}); | |||
}); | |||
$("#rightToc").css('opacity','1'); | |||
}); | |||
}); | |||
/* 回到顶部 */ | |||
$(function() { | |||
var txt = " ", | |||
btn = $('<div/>', { | |||
'text': txt, | |||
'attr': { | |||
'title': txt, | |||
'class': 'backToTop' | |||
}, | |||
'css': { | |||
'user-select': 'none' | |||
}, | |||
'on': { | |||
'click': function() { | |||
$("html, body").animate({ | |||
scrollTop: 0 | |||
}, 120); | |||
} | |||
} | |||
}).appendTo(document.body); | |||
$(window).on('scroll', function() { | |||
$(document).scrollTop() > 0 ? btn.fadeIn() : btn.fadeOut(); | |||
}).scroll(); | |||
}); | |||