“MediaWiki:Common.js”的版本间的差异
第10行: | 第10行: | ||
function goTop(){ | function goTop(){ | ||
$(window).scroll(function(e) { | $(window).scroll(function(e) { | ||
− | // | + | //若滚动条离顶部大于50元素 |
− | if($(window).scrollTop()> | + | if($(window).scrollTop()>50) |
− | $("#gotop").fadeIn( | + | $("#gotop").fadeIn(0);//以0秒的间隔渐显id=gotop的元素 |
else | else | ||
− | $("#gotop").fadeOut( | + | $("#gotop").fadeOut(0);//以0秒的间隔渐隐id=gotop的元素 |
}); | }); | ||
}; | }; |
2019年5月2日 (四) 09:56的版本
/* 这里的任何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) {
//若滚动条离顶部大于50元素
if($(window).scrollTop()>50)
$("#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();//实现回到顶部元素的渐显与渐隐
});