您的位置:首页 > Web前端 > JQuery

返回顶部效果jquery(位置兼容IE6)

2013-06-27 10:25 507 查看
返回顶部效果,可时间控制向上移的速度,废话不说,直接贴代码:

HTML:

<div class="backtop"><img src="../css.87504.cn/images/business/backtop.gif" /></div>


CSS:

.backtop{
position:fixed;
cursor:pointer;
top:80%;
width:49px;
height:50px;
left:50%;
margin-left:510px;
_position:absolute;
_top:expression(documentElement.scrollTop + documentElement.clientHeight * 4/5 + "px")
}


JQUERY:

$(function(){
$(".backtop").hide();
$(function() {
$(window).scroll(function() {
if ($(window).scrollTop() > 200) {
$(".backtop").show()
}
else{
$(".backtop").hide()
}
});
$(".backtop").click(function() {
$('body,html').animate({ scrollTop: 0 }, 500);
return false;
});
});
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息