- 欢迎来到偶像大师中文维基,本站仍在筹备阶段,如有兴趣参与建设可加群申请账号:542540342
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(); | |||
}); |
2025年9月2日 (二) 10:44的版本
/* 这里的任何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:first");
var $nextLi = $currentLi.next("li");
if ($nextLi.length === 0) {
$nextLi = $lis.first();
}
$currentLi.fadeOut(fadeSpeed, function () {
$currentLi.appendTo($ul);
$nextLi.fadeIn(fadeSpeed);
});
}
}, scrollInterval);
});
$(window).on({
blur: function () {
isFrozen = true;
},
focus: function () {
isFrozen = false;
},
});
}
autoScroll("#scrollDiv", 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();
});