html

head/head

bodyhttp://ajax.googleapis/ajax/libs/jquery/1.4.0/jquery.min.js" target="_blank">http://ajax.googleapis/ajax/libs/jquery/1.4.0/jquery.min.js

script type=text/javascript

$(document).ready(function(){

//首先将#back-to-top隐藏

$(#back-to-top).hide();

//当滚动条的位置处于距顶部100像素以下时,跳转链接出现,否则消失

$(function () {

$(window).scroll(function(){

if ($(window).scrollTop()100){

$(#back-to-top).fadeIn(1500);

}

else

{

$(#back-to-top).fadeOut(1500);

}

});

//当点击跳转链接后,回到页面顶部位置

$(#back-to-top).click(function(){

$('body,html').animate({scrollTop:0},1000);

return false;

});

});

});

/script

取消

评论

更多推荐

html超链接怎么设置到下一页,怎么设置超链接到一个网页