“MediaWiki:Common.js”的版本间的差异
(创建页面,内容为“→这里的任何JavaScript将为所有用户在每次页面载入时加载。: →backtotop: var snowId = document.getElementById("footer"); var solfId = docu…”) |
|||
(未显示同一用户的3个中间版本) | |||
第10行: | 第10行: | ||
function goTop(){ | function goTop(){ | ||
$(window).scroll(function(e) { | $(window).scroll(function(e) { | ||
− | // | + | //若滚动条离顶部大于10元素 |
− | if($(window).scrollTop()> | + | if($(window).scrollTop()>10) |
− | $("#gotop").fadeIn( | + | $("#gotop").fadeIn(0);//以0秒的间隔渐显id=gotop的元素 |
else | else | ||
− | $("#gotop").fadeOut( | + | $("#gotop").fadeOut(0);//以0秒的间隔渐隐id=gotop的元素 |
}); | }); | ||
}; | }; | ||
第24行: | 第24行: | ||
}); | }); | ||
$("#gotop").mouseover(function(e) { | $("#gotop").mouseover(function(e) { | ||
− | $(this).css("background","url(/ | + | $(this).css("background","url(/skins/Aimo/totop.png) no-repeat 0px -100px"); |
}); | }); | ||
$("#gotop").mouseout(function(e) { | $("#gotop").mouseout(function(e) { | ||
− | $(this).css("background","url(/ | + | $(this).css("background","url(/skins/Aimo/totop.png) no-repeat 0px 0px"); |
}); | }); | ||
goTop();//实现回到顶部元素的渐显与渐隐 | goTop();//实现回到顶部元素的渐显与渐隐 | ||
}); | }); |
2019年5月2日 (四) 10:01的最新版本
/* 这里的任何JavaScript将为所有用户在每次页面载入时加载。 */
/* backtotop */
var snowId = document.getElementById("footer");
var solfId = document.createElement("a");
solfId.setAttribute("id","gotop");
solfId.setAttribute("title","回到顶部");
snowId.appendChild(solfId);
function goTop(){
$(window).scroll(function(e) {
//若滚动条离顶部大于10元素
if($(window).scrollTop()>10)
$("#gotop").fadeIn(0);//以0秒的间隔渐显id=gotop的元素
else
$("#gotop").fadeOut(0);//以0秒的间隔渐隐id=gotop的元素
});
};
$(function(){
//点击回到顶部的元素
$("#gotop").click(function(e) {
//以1秒的间隔返回顶部
$('body,html').animate({scrollTop:0},100);
});
$("#gotop").mouseover(function(e) {
$(this).css("background","url(/skins/Aimo/totop.png) no-repeat 0px -100px");
});
$("#gotop").mouseout(function(e) {
$(this).css("background","url(/skins/Aimo/totop.png) no-repeat 0px 0px");
});
goTop();//实现回到顶部元素的渐显与渐隐
});