| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 2529 人关注过本帖
标题:新人求解,关于定时器,我是做一个分享栏,鼠标移入移出的
只看楼主 加入收藏
小羊沉默
Rank: 1
来 自:四川农业大学
等 级:新手上路
帖 子:14
专家分:5
注 册:2015-1-12
结帖率:100%
收藏
已结贴  问题点数:20 回复次数:1 
新人求解,关于定时器,我是做一个分享栏,鼠标移入移出的
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.
<html xmlns="http://www.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>分享栏</title>
<style>
#div1 { width:100px;height:400px;background:yellow; position:absolute;left:-100px;}
#div1 span { position:absolute; width:20px;height:60; line-height:20px; background:blue;right:-20px;top:170px;}
</style>
<script type="text/javascript">
window.onload=function()
{   

    var oDiv=document.getElementById('div1');
        oDiv.onmouseover=function()
                {
                move(0,10);
                };
        oDiv.onmouseout=function()
                {
                move(-100,-10);
                };
               
                        //如果 var timer=null;  放在这一行,Div 就不会跳,求解,很疑惑
function move(posi,speed)
            {
            var timer=null    ;  //这行放在这里的话,会在第一次鼠标移出的时候,Div就会反复的跳,而且,在这以后,都会跳   
            clearInterval(timer);
        timer=setInterval(function()
                {
                if(oDiv.offsetLeft==posi)
                                    {    clearInterval(timer);}
                else{    oDiv.style.left=oDiv.offsetLeft+speed+'px';}                        
                },30);
            };
};
</script>
</head>
<body>
<div id="div1">
    <span id="sp">分享到</span>
</div>
</ul>
</body>
</html>
搜索更多相关主题的帖子: background absolute position content yellow 
2016-03-04 21:16
冰镇柠檬汁儿
Rank: 16Rank: 16Rank: 16Rank: 16
来 自:北京
等 级:版主
威 望:120
帖 子:8078
专家分:6657
注 册:2005-11-7
收藏
得分:14 
作用域问题,move函数里面写,那再次调用move的时候,time是不存在的,你clearInterval的是一个不存在的变量,而setInterval的time的生命周期也不会在move外面。
而放到move前,则变量一直存在

本来无一物,何处惹尘埃
It is empty at all here, Why pm 2.5 is so TMD high!
2016-03-07 11:12
快速回复:新人求解,关于定时器,我是做一个分享栏,鼠标移入移出的
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.033302 second(s), 10 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved