none
菜鸟 JS 特效 图片切换 疑惑! RRS feed

  • 问题


  • <html
    >
    <head> 
    <title>多张图片轮流换广告 </title>
    <script language="javascript">
    var NowFrame = 1;//定义当前图片
    var MaxFrame = 3; //定义图片张数
    function show(){
    var next = NowFrame + 1;  // 这里的定义的变量next 代表什么?
    if(next == MaxFrame+1){            //  存在 MaxFrame+1这张图片吗????    MaxFrame 不已经就是图片的张数了吗? 它在加1代表什么啊?
    NowFrame = MaxFrame;
    next = 1;                      //next=1的作用是什么?
    }
    {
    document.getElementById('div'+next).style.display = "block";          //'div'+next 是什么?  是什么的ID  怎么获取?

    document.getElementById('div'+NowFrame).style.display = "none";
    if(NowFrame == MaxFrame)
    //当前图片序号最大时,设当前图序号为1,重新开始轮换显示
    NowFrame = 1;
    else
    NowFrame++;
    }
    setTimeout('show()',2000);
    }
    </script>
    </head>
    <body onload="show();">
    <div align="center">
    <img src="gua.JPG" originalAttribute="src" originalPath="gua.JPG" originalAttribute="src" originalPath="gua.JPG" style="display:block;" id="div1">
    <img src="gao.jpg" originalAttribute="src" originalPath="gao.jpg" originalAttribute="src" originalPath="gao.jpg" style="display:none;" id="div2">
    <img src="Test1.jpg" originalAttribute="src" originalPath="Test1.jpg" originalAttribute="src" originalPath="Test1.jpg" style="display:none;" id="div3">
    </div>
    </body>
    </html>

    上边是我不明白的 地方写在了注释里  了 !希望大虾 帮我 看看 !谢谢! 谢谢! 


    __從此[好好]苼活 心碎乌托邦__________旣嘫説婹閞始,
    2009年3月2日 10:15

答案

  •  <script language="javascript">
    var NowFrame = 1;//定义当前图片
    var MaxFrame = 3; //定义图片张数
    function show(){
    var next = NowFrame + 1;  // 这里的定义的变量next 代表什么? 代表当前将要显示的图片的第几张
    if(next == MaxFrame+1){            //  存在 MaxFrame+1这张图片吗????    MaxFrame 不已经就是图片的张数了吗? 它在加1代表什么啊? 表示过要显示的图片超过了最大的图片数,图片也就不存在了,然后就必须从头开始再进行循环,就是是将要显示的图片换成第一张
    NowFrame = MaxFrame;
    next = 1;                      //next=1的作用是什么? 显示第一张图片
    }
    {
    document.getElementById('div'+next).style.display = "block";          //'div'+next 是什么?  是什么的ID  怎么获取? 'div'+next代表<img> 这个标签的标识,也就是下面的id="div1"等

    document.getElementById('div'+NowFrame).style.display = "none";
    if(NowFrame == MaxFrame)
    //当前图片序号最大时,设当前图序号为1,重新开始轮换显示
    NowFrame = 1;
    else
    NowFrame++;
    }
    setTimeout('show()',2000);
    }
    </script>
    </head>
    <body onload="show();">
    <div align="center">
    <img src="gua.JPG" originalAttribute="src" originalPath="gua.JPG" originalAttribute="src" originalPath="gua.JPG" originalAttribute="src" originalPath="gua.JPG" style="display:block;" id="div1">
    <img src="gao.jpg" originalAttribute="src" originalPath="gao.jpg" originalAttribute="src" originalPath="gao.jpg" originalAttribute="src" originalPath="gao.jpg" style="display:none;" id="div2">
    <img src="Test1.jpg" originalAttribute="src" originalPath="Test1.jpg" originalAttribute="src" originalPath="Test1.jpg" originalAttribute="src" originalPath="Test1.jpg" style="display:none;" id="div3">
    </div>
    </body>


    孟宪会
    2009年3月2日 13:42
    版主

全部回复

  •  <script language="javascript">
    var NowFrame = 1;//定义当前图片
    var MaxFrame = 3; //定义图片张数
    function show(){
    var next = NowFrame + 1;  // 这里的定义的变量next 代表什么? 代表当前将要显示的图片的第几张
    if(next == MaxFrame+1){            //  存在 MaxFrame+1这张图片吗????    MaxFrame 不已经就是图片的张数了吗? 它在加1代表什么啊? 表示过要显示的图片超过了最大的图片数,图片也就不存在了,然后就必须从头开始再进行循环,就是是将要显示的图片换成第一张
    NowFrame = MaxFrame;
    next = 1;                      //next=1的作用是什么? 显示第一张图片
    }
    {
    document.getElementById('div'+next).style.display = "block";          //'div'+next 是什么?  是什么的ID  怎么获取? 'div'+next代表<img> 这个标签的标识,也就是下面的id="div1"等

    document.getElementById('div'+NowFrame).style.display = "none";
    if(NowFrame == MaxFrame)
    //当前图片序号最大时,设当前图序号为1,重新开始轮换显示
    NowFrame = 1;
    else
    NowFrame++;
    }
    setTimeout('show()',2000);
    }
    </script>
    </head>
    <body onload="show();">
    <div align="center">
    <img src="gua.JPG" originalAttribute="src" originalPath="gua.JPG" originalAttribute="src" originalPath="gua.JPG" originalAttribute="src" originalPath="gua.JPG" style="display:block;" id="div1">
    <img src="gao.jpg" originalAttribute="src" originalPath="gao.jpg" originalAttribute="src" originalPath="gao.jpg" originalAttribute="src" originalPath="gao.jpg" style="display:none;" id="div2">
    <img src="Test1.jpg" originalAttribute="src" originalPath="Test1.jpg" originalAttribute="src" originalPath="Test1.jpg" originalAttribute="src" originalPath="Test1.jpg" style="display:none;" id="div3">
    </div>
    </body>


    孟宪会
    2009年3月2日 13:42
    版主
  • 我明白了 ! 谢谢你 !孟宪会! 呵呵!
    __從此[好好]苼活 心碎乌托邦__________旣嘫説婹閞始,
    2009年3月2日 16:23