为什么我的鼠标点击事件不能成功?
<script language="javascript">
window.onload=function(){
var btn=document.getElementById('one');
var timer=null;//创建定时器;
var itop=true;
//滚动条滚动时触发事件
window.onscroll=function(){
if(!itop)
{
clearInterval(timer); //滚动时如果点击画面,滚动会停止;
}
itop=false;
}
btn.onclick=function(){
//设置定时器
timer=setInterval(function(){
var top=document.documentElement.scrollTop||document.body.scrollTop;//获取滚动条距离顶部的数值,||解决兼容性问题;
//滚动条依次往上滚动;
var ispeed=Math.floor(-top/6);//用数学函数将小数部分舍去;
document.documentElement.scrollTop=document.body.scrollTop=top+ispeed;
itop=true;
//如果回到顶部就关闭定时器
if(top==0)
{
clearInterval(timer);
}
},30);//滚动时间
}
}
</script>
<style type="text/css">
#content{
width:1000px;
height:5000px;
border:black 1px solid;
margin:auto;
}
#one{
border:black 1px solid;
background:url("123.jpg") no-repeat left top;
width:40px;
height:40px;
position:fixed;
left:50%;
bottom:30px;
margin-left:510px;
}
#one:hover{
background:url("123.jpg") no-repeat left -40px;
}
</style>
</head>
<body>
<div id="content">
</div>
<a href="javascript:;" id="one" title="回到顶部"></a>
</body>
</html>