毕业论文开发语言企业开发JAVA技术.NET技术WEB开发Linux/Unix数据库技术Windows平台移动平台嵌入式论文范文英语论文
您现在的位置: 毕业论文 >> WEB开发 >> 正文

回到顶部的js代码在谷歌浏览器下为什么不运行

更新时间:2013-7-5:  来源:毕业论文

回到顶部的js代码在谷歌浏览器下为什么不运行

// JavaScript Document  回到顶部 function goTopEx(){         var obj=document.getElementById("goTopBtn");           function getScrollTop(){                 var xtop;                 xtop = document.documentElement.scrollTop || document.body.scrollTop;                 return xtop;             }         function setScrollTop(value){                 if (document.body)                 {                     document.documentElement.scrollTop=value;                 }                 else                {                     document.documentElement.body=value;                 }             }             window.onscroll=function(){getScrollTop()>0?obj.style.display="block":obj.style.display="none";}           obj.onclick=function(){             var gotop;             gotop=window.setInterval(scrollMove,10);             function scrollMove(){                     setScrollTop(getScrollTop()/3);                     if(getScrollTop()<1)                     {                             window.clearInterval(gotop);                     }                                       }                 alert(gotop);         }     } 


在html里我这样调用的,但是在ie,firefox都会执行,在google浏览器里Onclick时没反应!

XML/HTML code?<DIV style="DISPLAY: none" id=goTopBtn><IMG border=0 src="{res file=images/toTop.png}"></DIV> <SCRIPT type=text/javascript>goTopEx();</SCRIPT>

应该是浏览器的兼容性问题:lz试试把xtop = document.documentElement.scrollTop || document.body.scrollTop;改成
var de = document.documentElement;
xtop=self.pageYOffset || ( de && de.scrollTop ) || document.body.scrollTop;

obj.onclick=function(){             var gotop;             gotop=window.setInterval(function(){                     setScrollTop(getScrollTop()/3);                     if(getScrollTop()<1)                     {                             window.clearInterval(gotop);                     }                },10);             alert(gotop);         }

设为首页 | 联系站长 | 友情链接 | 网站地图 |

copyright©youerw.com 优尔论文网 严禁转载
如果本毕业论文网损害了您的利益或者侵犯了您的权利,请及时联系,我们一定会及时改正。