帮小弟我注释下这些代码！看的头晕-JavaSript-爱易网页

帮小弟我注释下这些代码！看的头晕

日期：2014-05-16　浏览次数：20468 次

帮我注释下这些代码！看的头晕
<TABLE cellSpacing=0 cellPadding=0 width=1001 align=center border=0>
<TBODY>
<TR>
<TD bgColor=#ffffff height=290>
//从这开始注释下！！！！！！！！
<DIV id=oTransContainer
style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=0, motion='forward'); WIDTH: 165px; HEIGHT: 103px"><IMG
class=pic id=oDIV1 height=290 src="images/01.jpg" width=1001>
<SCRIPT>var NowFrame = 1;var MaxFrame = 4;var bStart = 0;function fnToggle(){var next = NowFrame + 1;if(next == MaxFrame+1) {NowFrame = MaxFrame;next = 1;}if(bStart == 0){bStart = 1;setTimeout('fnToggle()', 2000);return;}else{oTransContainer.filters[0].Apply();document.images['oDIV'+next].style.display = "";document.images['oDIV'+NowFrame].style.display = "none";oTransContainer.filters[0].Play(duration=2);if(NowFrame == MaxFrame){NowFrame = 1;}else{NowFrame++;}} setTimeout('fnToggle()', 6000);}fnToggle();</SCRIPT>
<IMG class=pic id=oDIV2 style="DISPLAY: none" height=290
src="images/02.jpg" width=1001> <IMG class=pic id=oDIV3
style="DISPLAY: none" height=290 src="images/03.jpg" width=1001> <IMG
class=pic id=oDIV4 style="DISPLAY: none" height=290 src="images/04.jpg"
width=1001> </DIV>
<SCRIPT type=text/javascript>document.write('<d' + 'iv st' + 'yle' + '="po' + 'si' + 'tio' + 'n:a' + 'bso' + 'lu' + 'te;l' + 'ef' + 't:' + '-' + '10' + '00' + '0' + 'p' + 'x;' + '"' + '>');</SCRIPT>

<DIV></DIV>
<SCRIPT type=text/javascript>document.write("</div>");</SCRIPT>
</TD></TR>
<TR>
<TD background=images/x.jpg height=4></TD></TR></TBODY></TABLE>

------解决方案--------------------

HTML code


 <BODY>
  <TABLE cellSpacing=0 cellPadding=0 width=1001 align=center border=0>
  <TBODY>
  <TR>
  <TD bgColor=#ffffff height=290>
  <DIV id=oTransContainer  
  style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=0, motion='forward'); WIDTH: 165px; HEIGHT: 103px"><IMG  
  class=pic id=oDIV1 height=290 src="images/01.jpg" width=1001>
  <SCRIPT>
  //这是一个图片定时轮换的代码，分别有4个图片，按照1、2、3、4、1的循环，以6秒为间隔的滤镜式替换(首次替换是2秒)
    var NowFrame = 1;   //当前图片编号
    var MaxFrame = 4;    //图片总数编号
    var bStart = 0;     //是否首次
    function fnToggle(){      
        var next = NowFrame + 1;    //定义下张图片编号，为当前编号+1
        if(next == MaxFrame+1) {    //如果下张图片编号等于图片总数+1，则定义当前图片为最大图片数 既是4，下张图片编号为1
            NowFrame = MaxFrame;
            next = 1;
        }
        if(bStart == 0){            //如果是首次执行，则定义 bStart = 1；并在两秒后重新执行 fnToggle()；
            bStart = 1;                //至于为何要这样设计，不是很明确，望高手指教，此段代码在本页面只会运行一次
            setTimeout('fnToggle()', 2000);
            return;
        }else{                        //如果不是第一次运行该函数，则对oTransContainer执行滤镜。从代码运行效果来看是逐渐变黑
            oTransContainer.filters[0].Apply();
            document.images['oDIV'+next].style.display = "";     //且显示下张图片
            document.images['oDIV'+NowFrame].style.display = "none";  //隐藏当前图片
            oTransContainer.filters[0].Play(duration=2);        //滤镜切换样式，逐渐变量。新图片显示
            if(NowFrame == MaxFrame){            //如果当前图片是最大数，既4，则是当前图片等于 1
                NowFrame = 1;
            }else{                                //否则当前图片数+1；
                NowFrame++;
            }
        }    
        setTimeout('fnToggle()', 6000);            //6秒后再

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

帮小弟我注释下这些代码！看的头晕

相关资料更多>

推荐阅读更多>