返回顶部JS(完美兼容IE6)
2013-01-30 13:25
405 查看
<!--加载JS库-->
<script type="text/javascript" src="/js/jquery-1.4.2.js" charset="UTF-8"></script>
<!--返回顶部JS 放在文本底部-->
<div style="display: none;float: right;position:fixed; _position: absolute;"
id="go_top" class="go_top"><img style="border-radius:3px;" border=0 src="/img/cmri/lanren_top.jpg">
</div>
<script type="text/javascript" src="/js/cmri/top.js" charset="UTF-8"></script>
<!--返回顶部JS-->
<!-- top.js -->
<script>
var av_height = $(window).height();
var av_width = $(window).width();
var go_top= $("#go_top");
var Gotop_w = go_top.width()+2;
var Gotop_h = go_top.height()+2;
var doc_width = 960;
var Gotop_x = (av_width>doc_width?0.5*av_width+0.5*doc_width:av_width-Gotop_w);
var Gotop_y = av_height-Gotop_h;
var ie6Hack = "<style>.go_top{position:absolute; top:expression(documentElement.scrollTop+documentElement.clientHeight - this.offsetHeight-40);</style>}";
if ($.browser.msie && ($.browser.version == "6.0")){
$("body").append(ie6Hack);
}
function setGotop(){
av_height = $(window).height();
av_width = $(window).width();
Gotop_y = av_height-Gotop_h-40;
Gotop_x = (av_width>doc_width?0.5*av_width+0.5*doc_width:av_width-Gotop_w);
if($(window).scrollTop()>0){
go_top.fadeIn(200);
}else{
go_top.fadeOut(200);
}
if ($.browser.msie && ($.browser.version == "6.0")){
go_top.animate({"left":Gotop_x},0);
return false;
}
go_top.animate({"left":Gotop_x,"top":Gotop_y},0);
}
setGotop();
$(window).resize(function(){
setGotop();
})
$(window).scroll(function(){
setGotop();
})
go_top.click(function(){
$("html , body").animate({scrollTop:"0"},100);
})
</script>
相关文章推荐
- 基于jquery的返回顶部效果(兼容IE6)
- 兼容IE6的返回顶部代码
- 基于jquery的返回顶部效果(兼容IE6)
- 纯js实现网页返回顶部功能(万能的兼容目前所有浏览器)
- 返回顶部效果jquery(位置兼容IE6)
- jquery编写兼容IE6的返回顶部功能
- js实现图片上传前的预览,实现完美兼容Firefox3,IE6,IE7,IE8和IE9的显示问题
- css返回顶部图标固定在浏览器右下角且兼容ie6
- JS模态窗口返回值兼容问题的完美解决方法
- 实现返回顶部按钮一直在页面底部(兼容ie6)
- js返回最终样式函数,兼容IE和DOM,设置参数:元素对象、样式特性
- js 完美兼容浏览器的复制功能
- 浮动层-JS兼容IE6
- 修正版的腾讯微博开放平台Open-js 兼容ie6 ie7 ie8
- IE6、IE7、IE8的CSS、JS兼容
- JS控制显示隐藏兼容问题(IE6、IE7、IE8)
- js返回顶部和document.body.scrollTop用法
- IE6、IE7、IE8 JS控制显示隐藏兼容问题
- JS编写兼容IE6,7,8浏览器无缝自动轮播
- 纯js实现页面返回顶部的动画(超简单)