返回顶部JS效果(ie7,8,9,火狐,谷歌,google都测试通过)
来源:互联网 发布:淘宝天猫优惠券秒杀 编辑:程序博客网 时间:2024/06/13 07:34
之前在某个网站下了个返回顶部JS效果发现挺好用,唯一一点就是谷歌浏览器支持不了,经过自己修改下,现在都可以测试通过了。现在贴出代码,代大家参考,希望能帮上忙
<script type="text/javascript">
var Sys = {};
var ua = navigator.userAgent.toLowerCase();
var s;
(s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :
(s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :
(s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :
(s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :
(s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;
function goTopEx() {
var obj = document.getElementById("goTopBtn");
var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0
function getScrollTop() {
var xsun = document.documentElement.scrollTop;
if (Sys.chrome) {
xsun=document.body.scrollTop;
}
return xsun;
}
function setScrollTop(value) {
if (Sys.chrome) {
document.body.scrollTop = value;
}
else {
document.documentElement.scrollTop = value;
}
}
window.onscroll = function () { getScrollTop() > 0 ? obj.style.display = "" : obj.style.display = "none"; }
obj.onclick = function () {
var goTop = setInterval(scrollMove, 10);
function scrollMove() {
setScrollTop(getScrollTop() / 1.1);
if (getScrollTop() < 1) clearInterval(goTop);
}
}
}
</script>
头部定义的var Sys = {};是用来判断浏览器的,很好用
页面调用方法:
<DIV style="DISPLAY: none" id=goTopBtn><IMG border=0 alt="top" src="images/lanren_top.gif"></DIV>
<SCRIPT type=text/javascript> goTopEx();</SCRIPT>
- 返回顶部JS效果(ie7,8,9,火狐,谷歌,google都测试通过)
- Ifram框架自适应内容的高度(代码简单易懂ie7,8,9,火狐,谷歌都测试通过)
- 总结--IE6,IE7,IE8,火狐都支持:js/css 底部固定, 底部固定漂浮导航效果
- js 返回顶部效果代码
- 【JS基础】返回顶部效果
- 返回顶部效果
- javascript返回顶部效果
- jQuery返回顶部效果
- HTML5 返回顶部 效果
- jQuery返回顶部效果
- 返回顶部效果
- 网站返回顶部效果
- 返回顶部效果!
- 用js实现简单的点击返回顶部效果
- 用js实现简单的点击返回顶部效果
- js运动实例-带运动的返回顶部效果
- JS实现效果-点击按钮返回到页面顶部
- javascript js 返回顶部 源代码 兼容ie火狐谷歌等浏览器
- vs2010中MessageBox的用法
- Extjs 4.2基本配置
- ENVI的图像拼接
- ArrayList的线程安全测试
- 寄存器详解
- 返回顶部JS效果(ie7,8,9,火狐,谷歌,google都测试通过)
- 常用CMD命令
- shell命令直接分区
- CGLIB动态代理应用-java使用记录操作日志
- 什么是CouchDB?
- 3-1并发与竞态控制
- 用户权限管理
- ViewPager的touch事件与外面的scrollview冲突
- 使用VS2008创建类的DLL