发新贴  快速回复

为什么我注释的地方的代码不执行?求大神助我渡劫

qq564526299
2014-12-01 11:48
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
*{ margin:0px; padding:0px;}
#main{ width:600px; height:50px; margin:300px auto;  border: 1px solid #CCC; position:relative;}
#main>ol{ background:pink; }
.btn{width:600px; height:50px; margin: auto; list-style:none;}
.btn>li{float:left; width:50px; height:50px; text-align:center;line-height:50px; margin-left:40px;  position:absolute;top:0px; }
</style>
</head>
<script>


        window.err=function(){
        var i=1;
        var j=9;
        var c=false;
        var timer1 = 0,timer2 = 0;timer3 = 0;
        var alpha=10;
        var pos=null;
         num=0;
        var Main=document.getElementById('main');
        var Ul=Main.getElementsByTagName('ol')[0];
        var btn=document.getElementById('btn');
        var Li=btn.getElementsByTagName('li');
         
      Main.err=function(){

        fn1(Ul,'width',i,31);
        fn2(Ul,'opacity',j,-1);
        timer4=setInterval(
            function(){
            fn3(Li[num],'top',0,-10);//为什么此处代码不执行
            num++;
            alert(num);
            }
            
            ,100)}

        
            
            
            for(var i=0; i<6; i++){
                Li[i].style.left = 90 * i + 'px';
            }
        function fn3(Ul,sy,i,zd){ 
       //背景进度条
     
        clearInterval(timer3);
        Ul.style.height = 50+'px'; 
           
        timer3=setInterval(function(){
                Ul.style[sy]=10*i+'px';i--;        
                if(i==zd)
                {clearInterval(timer3);}        
                },100)} 
       function fn1(Ul,sy,i,zd){ 
       //背景进度条
        clearInterval(timer1);
        Ul.style.height = 50+'px'; 
            
        timer1=setInterval(function(){
                Ul.style[sy]=20*i+'px';i++;        
                if(i==zd)
                {clearInterval(timer1);}        
                },100)}
function fn2(ul,s,j,sz){        //透明度渐变
        clearInterval(timer2);//清除定时器无法运行
        timer2=setInterval(function(){        
                ul.style[s]='.'+j+'';j--;
                if(j==sz)
                {clearInterval(timer2);}
                },500)} 

        }
</script>
<body>

<div id="main">
    <ol>    
    </ol>

    <ul id="btn" class="btn">
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
    </ul>



</div>


</body>
</html>


ghostdp
fn3我这里执行了,并没有你说的不执行。

你可以把问题描述更具体一些。

2014-12-01 14:32  回复本帖
qq564526299
forum.php?mod=redirect&goto=findpost&pid=33065&ptid=10581
fn3我这里执行了,并没有你说的不执行。

你可以把问题描述更具体一些。


f3设置的数字上升,但是没法,   fn3(Li[num],'top',0,-10);num换成0-5之间的数字才有效果,这是咋个回事啊
2014-12-01 18:44  回复本帖
qq564526299
forum.php?mod=redirect&goto=findpost&pid=33065&ptid=10581
fn3我这里执行了,并没有你说的不执行。

你可以把问题描述更具体一些。



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
*{ margin:0px; padding:0px;}
#main{ width:600px; height:50px; margin:300px auto;  border: 1px solid #CCC; position:relative;}
#main>ol{ background:pink; }
.btn{width:600px; height:50px; margin: auto; list-style:none;}
.btn>li{float:left; width:50px; height:50px; text-align:center;line-height:50px; margin-left:40px;  position:absolute;top:30px; }
</style>
</head>
<script>


        window.err=function(){
        var i=1;
        var j=9;
        var c=false;
        var timer1 = 0,timer2 = 0;timer3 = 0;
        var alpha=10;
        var pos=null;
        var Main=document.getElementById('main');
        var Ul=Main.getElementsByTagName('ol')[0];
        var btn=document.getElementById('btn');
        var Li=btn.getElementsByTagName('li');

      Main.err=function(){

        fn1(Ul,'width',i,31);
        fn2(Ul,'opacity',j,-1);
                timer4=setInterval(

                        fn3(Li[1],'top',0,-10)//这样可以让数字跳,但是写成这样function(){ fn3(Li[num],'top',0,-10);// num++;    再在前面给num定义后,无法运行,数字不跳,咋个回事,求助我渡劫     }




                        ,100)}




                        for(var i=0; i<6; i++){
                                Li[i].style.left = 90 * i + 'px';
                        }
        function fn3(Ul,sy,i,zd){ 
       //背景进度条

        clearInterval(timer3);
        Ul.style.height = 50+'px'; 

        timer3=setInterval(function(){
                Ul.style[sy]=10*i+'px';i--;        
                if(i==zd)
                {clearInterval(timer3);}        
                },100)} 
       function fn1(Ul,sy,i,zd){ 
       //背景进度条
        clearInterval(timer1);
        Ul.style.height = 50+'px'; 

        timer1=setInterval(function(){
                Ul.style[sy]=20*i+'px';i++;        
                if(i==zd)
                {clearInterval(timer1);}        
                },100)}
function fn2(ul,s,j,sz){        //透明度渐变
        clearInterval(timer2);//清除定时器无法运行
        timer2=setInterval(function(){        
                ul.style[s]='.'+j+'';j--;
                if(j==sz)
                {clearInterval(timer2);}
                },500)} 

        }
</script>
<body>

<div id="main">
    <ol>    
    </ol>

    <ul id="btn" class="btn">
                <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
    </ul>



</div>


</body>
</html>


2014-12-01 20:49  回复本帖
 
创美易-miaov
定时器timer4打开了num++,  你的li只有6个。 num>6就报错了。
另外,fn3里面的定时器timer3有问题,你让多个li执行的,应该要每个li有一个定时器去控制。建议你去看一下miaov的运动视频。
还有,现在年底了,有活动,赶紧去报名vip特权吧,让你学到更多。
这里报名:http://bbs.miaov.com/forum.php?mod=viewthread&tid=10469&extra=&page=1
不要谢我,请叫我雷锋哥,我是论坛里的小雷锋。 
<script>


        window.err=function(){
        var i=1;
        var j=9;
        var c=false;
                var timer1 = 0,timer2 = 0;timer3 = 0;
        var alpha=10;
        var pos=null;
                 num=0;
        var Main=document.getElementById('main');
        var Ul=Main.getElementsByTagName('ol')[0];
                var btn=document.getElementById('btn');
        var Li=btn.getElementsByTagName('li');
                 
      Main.err=function(){

        fn1(Ul,'width',i,31);
        fn2(Ul,'opacity',j,-1);               
        timer4=setInterval(
                        function(){
                        fn3(Li[num],'top',0,-10);//为什么此处代码不执行
                        num++;
                        if(num==6) clearInterval(timer4); 
                        //alert(num);
                        }
                        
                        ,100)}

                
                        
                        
                        for(var i=0; i<6; i++){
                                Li[i].style.left = 90 * i + 'px';
                        }
        function fn3(Ul,sy,i,zd){ 
       //背景进度条
         
        clearInterval(Ul.timer3);
        Ul.style.height = 50+'px'; 
                   
        Ul.timer3=setInterval(function(){
                Ul.style[sy]=10*i+'px';i--;       
                if(i==zd)
                {clearInterval(Ul.timer3);}        
                },100)} 
       function fn1(Ul,sy,i,zd){ 
       //背景进度条
        clearInterval(timer1);
        Ul.style.height = 50+'px'; 
                    
        timer1=setInterval(function(){
                Ul.style[sy]=20*i+'px';i++;        
                if(i==zd)
                {clearInterval(timer1);}        
                },100)}
function fn2(ul,s,j,sz){        //透明度渐变
        clearInterval(timer2);//清除定时器无法运行
        timer2=setInterval(function(){        
                ul.style[s]='.'+j+'';j--;
                if(j==sz)
                {clearInterval(timer2);}
                },500)} 

        }
</script>
2014-12-01 21:21  回复本帖
qq564526299
forum.php?mod=redirect&goto=findpost&pid=33097&ptid=10581
定时器timer4打开了num++,  你的li只有6个。 num>6就报错了。
另外,fn3里面的定时器timer3有问题,你让多 ...

十分感谢!请问是给100元买视频吗???还是100元成为那个啥会员
2014-12-01 22:44  回复本帖
 
创美易-miaov
 本帖最后由 创美易-miaov 于 2014-12-1 23:35 编辑 

亲,100元,365天享受所有不断更新的视频下载,收看, 问题提问,练习讲解。
很实惠哦,赶紧行动吧~~~
不要谢我,请叫我雷锋哥~~
2014-12-01 23:33  回复本帖
qq564526299
forum.php?mod=redirect&goto=findpost&pid=33106&ptid=10581
亲,100元,365天享受所有不断更新的视频下载,收看, 问题提问,练习讲解。
很实惠哦,赶紧行动吧~~~
不要 ...


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
*{ margin:0px; padding:0px;}
#main{ width:600px; height:50px; margin:300px auto;  border: 1px solid #CCC; position:relative;}
#main>ol{ background:pink; }
.btn{width:600px; height:50px; margin: auto; list-style:none;}
.btn>li{float:left; width:50px; height:50px; text-align:center;line-height:50px; margin-left:40px;  position:absolute;top:30px; }
</style>
</head>
<script>


        window.err=function(){
        var i=1;
        var j=9;
        var c=false;
        var timer1 = 0,timer2 = 0;timer3 = 0;
        var alpha=10;
        var pos=null;
        num=0;
        var Main=document.getElementById('main');
        var Ul=Main.getElementsByTagName('ol')[0];
        var btn=document.getElementById('btn');
        var Li=btn.getElementsByTagName('li');    
      Main.err=function(){

        fn1(Ul,'width',i,31);
        fn2(Ul,'opacity',j,-1);
        timer4=setInterval(
            
                        function(){
                        fn3(Li[num],'top',0,-10);//运行后,只有第6个数字才跳,怎么弄啊
                        num++;
                        
                        if(num==6) clearInterval(timer4); }




                        ,100)}




                        for(var i=0; i<6; i++){
                                Li[i].style.left = 90 * i + 'px';
                        }
        function fn3(Ul,sy,i,zd){ 
       //背景进度条

        clearInterval(timer3);
        Ul.style.height = 50+'px'; 

        timer3=setInterval(function(){
                Ul.style[sy]=10*i+'px';i--;        
                if(i==zd)
                {clearInterval(timer3);}        
                },100)} 
       function fn1(Ul,sy,i,zd){ 
       //背景进度条
        clearInterval(timer1);
        Ul.style.height = 50+'px'; 

        timer1=setInterval(function(){
                Ul.style[sy]=20*i+'px';i++;        
                if(i==zd)
                {clearInterval(timer1);}        
                },100)}
function fn2(ul,s,j,sz){        //透明度渐变
        clearInterval(timer2);//清除定时器无法运行
        timer2=setInterval(function(){        
                ul.style[s]='.'+j+'';j--;
                if(j==sz)
                {clearInterval(timer2);}
                },500)} 

        }
</script>
<body>

<div id="main">
    <ol>    
    </ol>

    <ul id="btn" class="btn">
                <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
    </ul>



</div>


</body>
</html>


2014-12-02 09:41  回复本帖
 
创美易-miaov
forum.php?mod=redirect&goto=findpost&pid=33118&ptid=10581
无标题文档

*{ margin:0px; padding:0px;}


你用谷歌浏览器看, 另外,你写这fn1   fn2 fn3几个函数存在很多隐患.
建议你先去看看视频吧.
2014-12-02 09:52  回复本帖
qq564526299
forum.php?mod=redirect&goto=findpost&pid=33120&ptid=10581
你用谷歌浏览器看, 另外,你写这fn1   fn2 fn3几个函数存在很多隐患.
建议你先去看看视频吧.
 ...

他是乱跳的额,咋个回事啊,大神
2014-12-02 09:59  回复本帖
 
创美易-miaov
forum.php?mod=redirect&goto=findpost&pid=33122&ptid=10581
他是乱跳的额,咋个回事啊,大神

定时器问题的.  建议你还是先看运动方面的知识吧. 报名地址:http://bbs.miaov.com/forum.php?mod=viewthread&tid=8945
2014-12-02 10:07  回复本帖
qq564526299
forum.php?mod=redirect&goto=findpost&pid=33124&ptid=10581
定时器问题的.  建议你还是先看运动方面的知识吧. 报名地址:http://bbs.miaov.com/forum.php?mod=viewthr ...

我就是看的http://fantaghiro.github.io/miaov/JS_Basic_Lessons/9-3.html,里面都可以借助num依次自增1,从而实现数字的依次上升,为什么我的不行,我就是看的视频之后做的产生的疑问啊
2014-12-02 19:36  回复本帖
 
创美易-miaov
forum.php?mod=redirect&goto=findpost&pid=33166&ptid=10581
我就是看的http://fantaghiro.github.io/miaov/JS_Basic_Lessons/9-3.html,里面都可以借助num依次自增1 ...

你的运动函数有问题,fn3函数很多隐患。你发的这个例子是用doMove运动函数实现的,请你再仔细去看看它的实现原理吧。
2014-12-02 20:28  回复本帖
登录 后才可以发表回复