jquery返回顶部-ie6配合css表达式。
2014-06-11 11:51
411 查看
css:
html:
javascript:
.wraper{ width:980px; height:2048px; margin:0 auto; background:#ccc; } /*返回头部*/ #backToTop a{ display:block; cursor:pointer;width:25px; height:26px; text-indent:-9999em; position:absolute; left:0; top:0; z-index:10;} #backToTop .bt_bg{ background:url(http://i0.cy.com/xtl/main/20140227/backTop.png) no-repeat;_background: 0; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i0.cy.com/xtl/main/20140227/backTop.png',sizingMethod='scale'); width:25px; height:26px ; position:absolute; left:0; top:0; z-index:8; } #backToTop { display:none; width:25px; height:26px ; position:fixed; right:50%; margin-right:-533px; bottom:110px; z-index:1; } /**针对ie6设置*/ *html #backToTop { position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
html:
<div class="wraper"> </div> <script type="text/javascript" src="http://www1.changyou.com/scripts/jquery.min.js"></script>
javascript:
$('body').append($('<div id="backToTop"><a href="javascript:void(0);">回到顶部</a><div class="bt_bg"></div></div>').hide(0)); $(window).scroll(function(){ $('#backToTop').show(); if ($(document).scrollTop() != 0) $('#backToTop').show(); else $('#backToTop').hide(); }); $('#backToTop a').click(function(){ $('html, body').animate({ scrollTop: 0 }, 800); return false; });
相关文章推荐
- jquery配合css简单实现返回顶部效果
- jquery配合css简单实现返回顶部效果
- jQuery&CSS 顶部和底部固定浮动工具栏 兼容IE6
- 返回顶部 jQuery+css实现
- ie6 css 返回顶部图标固定在浏览器右下角
- css返回顶部图标固定在浏览器右下角且兼容ie6
- 基于jquery的返回顶部效果(兼容IE6)
- 返回顶部 模仿天猫的返回顶部代码 HTML JQuery CSS JavaScript
- 返回顶部效果jquery(位置兼容IE6)
- jquery编写兼容IE6的返回顶部功能
- html+css+jquery实现右下角返回顶部功能
- 基于jquery的返回顶部效果(兼容IE6)
- 基于Jquery返回顶部代码html+css+js
- ie6 css 返回顶部图标固定在浏览器右下角
- jquery返回顶部和底部插件和解决ie6下fixed插件
- jQuery&CSS 顶部和底部固定浮动工具栏 兼容IE6 (转)
- ASP.NET jQuery 实例9 通过控件hyperlink实现返回顶部效果
- 仿新浪微博返回顶部的js实现(jQuery/MooTools)
- JQuery 动画卷页 返回顶部 动画特效(兼容Chrome)
- jquery 返回顶部的两端代码