易迅飞顶部的css,js,html
2013-12-12 09:00
411 查看
1、html
3、js
<div id="j_backtop" class="mod_backtop"><a ytag="72300" title="回顶部" href="javascript:">回顶部</a></div>2、css
/*-----------------------------返回顶部css开始-----------------------------*/ .mod_backtop{position:fixed;z-index:997;right:20px;bottom:50px} .mod_backtop a{overflow:hidden;display:block;width:50px;height:50px;background:url("http://static.gtimg.com/icson/img/common/backtop.png") no-repeat 0 0;text-indent:-999px;opacity:.7;filter:alpha(opacity=70)} .mod_backtop a:hover{background-position:0 -52px;opacity:1;filter:alpha(opacity=100)} /*-----------------------------返回顶部css结束-----------------------------*/
3、js
//------------------------飞顶部js开始----------------------------- $(function(){ var a = $("#j_backtop"); if (0 < a.length) { var b = document.documentElement.clientHeight || document.body.clientHeight, c = Math.min(b, 500); $(window).bind("scroll resize", function() { var d = $(this).scrollTop(); d < c ? a.fadeOut() : a.fadeIn(); $.browser.msie && ("6.0" == $.browser.version && !$.support.style) && a.css({ top: b - 200 + d }) }); a.click(function() { $(window).scrollTop(0); return ! 1 }) } }) //------------------------飞顶部js结束-----------------------------
相关文章推荐
- JavaScript开发规范要求
- 转:JavaScript中函数与对象的关系
- 给JavaScript初学者的24条最佳实践
- JsonSerde - a read/write SerDe for JSON Data
- JS中对象和变量是否可以作为if选择结构的条件?
- js 获取高度
- Javascript 之 Windows对象
- javascript cookies 存、取、删除实例
- javascript获取网页URL地址及参数等
- 分享几个令人震撼的JS和HTML5游戏
- 一道面试题引发的面壁:认识JavaScript的settimeout和异步
- js之匿名函数
- js之面向对象
- js权威指南之表单和表单元素
- 处理按键事件的js模块
- 一个JavaScript问题引发的思考
- js权威指南之事件和事件处理
- js之帧中的导航栏
- js之Window对象方法示例
- js之可移植的查询窗口大小和位置