返回顶部
来源:互联网 发布:iphone电池检测软件 编辑:程序博客网 时间:2024/04/28 13:38
<style>
.back_top{
background:url(images/back.png) no-repeat;
width:62px;
height:62px;
cursor:pointer;
bottom:140px;
display:none;
}
</style>
<div class="back_top"></div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(function(){var h2 = $(".back_top").offset().top;
$(window).scroll(function(e) {
var h2 = $(".back_top").offset().top;
var y=$(this).scrollTop();
if(y>=300){
if (window.XMLHttpRequest) { //如果不是ie6
$(".back_top").show();
$(".back_top").css({"position":"fixed"});
} else { //如果是ie6
$(".back_top").show();
$(".back_top").css({"position":"absolute",top:y+400});
}
}else{
$(".back_top").hide();
$(".back_top").css({"position":"relative"});
}
});
$(".back_top").click(function() {
$("html, body").animate({ scrollTop: 0 }, 100);
});
});
</script>
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- opencv-图像凸壳
- Linux下的Nano命令
- asp.net mvc项目在iis中发布后视频不能观看
- 权重平等分布局And TableRow布局误区
- WTL 中使用CRichEditCtrl
- 返回顶部
- oracle存储过程的调用(insert 语句的存储过程)
- 富人狼性穷人羊性
- 【leetcode】Plus One
- 深入java虚拟机-finally
- 完这444句,你的口语绝对不成问题了
- VCC,VDD,VEE,VSS,VPP 表示的意义
- 理解AOP
- 在社会混,要记住这20句话!