showlogo.htm

简单的讲解语言,非常实用,使你在短期内就能熟练掌握其变成技巧

    <td bgcolor="5F74BF" width="28" align="center">&nbsp;</td>
    <td width="37" align="center">&nbsp;</td>
  </tr>
  <tr> 
    <td align="center" valign="top"> 
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr> 
          <td height="15">&nbsp;</td>
        </tr>
        <tr align="center"> 
          <td> 
            <table width="110" border="0" cellspacing="0" cellpadding="0">
              <tr bgcolor="5F74BF" align="center"> 
                <td class="p1" align="right"><b><font color="#FFFFFF">源代码如下</font></b><font color="#FFFFFF">：</font></td>
                <td class="p1" width="11"><img src="img/bule2.gif" width="11" height="18"></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
    <td width="457" class="p2" valign="top"><b><br>
      <br>
      </b><span class="p1"><font color="#6633FF"> </font></span><b><br>
      </b>
      <form>
        <p><span class="p1"><font color="#6633FF">这段程序放在&lt;body&gt;与&lt;/body&gt;之间</font></span></p>
        <p>
          <textarea name="textarea2" onFocus="this.select()" onMouseOver="this.focus()" cols="50" rows="15" wrap="VIRTUAL" style="BACKGROUND-COLOR: #D5E9FD;" >&lt;script language=&quot;JavaScript1.2&quot;&gt; 
&lt;!-- 
var scrollerwidth=64
var Scrollerheight=64
var scrollerbgcolor='white'
var pausebetweenimages=3000

var slideimages=new Array()
slideimages[0]='&amp;lt;a href=&amp;quothttp://www.hongen.com/pc/index.htm&amp;quot&amp;gt;&amp;lt;img src=&amp;quotimg/logo1.gif&amp;quot border=0&amp;quot&amp;gt;&amp;lt;/a&amp;gt;'
slideimages[1]='&amp;lt;a href=&amp;quothttp://www.hongen.com/eng/index.htm&amp;quot&amp;gt;&amp;lt;img src=&amp;quotimg/logo2.gif&amp;quot&amp;gt;'
slideimages[2]='&amp;lt;a href=&amp;quothttp://www.hongen.com/shop/index.htm&amp;quot&amp;gt;&amp;lt;img src=&amp;quotimg/logo3.gif&amp;quot&amp;gt;'
slideimages[3]='&amp;lt;a href=&amp;quothttp://www.hongen.com/album/index.htm&amp;quot&amp;gt;&amp;lt;img src=&amp;quotimg/logo4.gif&amp;quot&amp;gt;'
slideimages[4]='&amp;lt;a href=&amp;quothttp://www.hongen.com/matrix/&amp;quot&amp;gt;&amp;lt;img src=&amp;quotimg/logo5.gif&amp;quot&amp;gt;'

if (slideimages.length&gt;1)
i=2
else
i=0

function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top&gt;0&amp;&amp;tlayer.top&lt;=5){
tlayer.top=0
setTimeout(&quot;move1(tlayer)&quot;,pausebetweenimages)
setTimeout(&quot;move2(document.main.document.second)&quot;,pausebetweenimages)
return
}
if (tlayer.top&gt;=tlayer.document.height*-1){
tlayer.top-=5
setTimeout(&quot;move1(tlayer)&quot;,100)
}
else{
tlayer.top=scrollerheight
tlayer.document.write(slideimages[i])
tlayer.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}

function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top&gt;0&amp;&amp;tlayer2.top&lt;=5){
tlayer2.top=0
setTimeout(&quot;move2(tlayer2)&quot;,pausebetweenimages)
setTimeout(&quot;move1(document.main.document.first)&quot;,pausebetweenimages)
return
}
if (tlayer2.top&gt;=tlayer2.document.height*-1){
tlayer2.top-=5
setTimeout(&quot;move2(tlayer2)&quot;,100)
}
else{
tlayer2.top=scrollerheight
tlayer2.document.write(slideimages[i])
tlayer2.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}

function move3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelTop&gt;0&amp;&amp;tdiv.style.pixelTop&lt;=5){
tdiv.style.pixelTop=0
setTimeout(&quot;move3(tdiv)&quot;,pausebetweenimages)
setTimeout(&quot;move4(second2)&quot;,pausebetweenimages)
return
}
if (tdiv.style.pixelTop&gt;=tdiv.offsetHeight*-1){
tdiv.style.pixelTop-=5
setTimeout(&quot;move3(tdiv)&quot;,100)
}
else{
tdiv.style.pixelTop=scrollerheight
tdiv.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}

function move4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelTop&gt;0&amp;&amp;tdiv2.style.pixelTop&lt;=5){
tdiv2.style.pixelTop=0
setTimeout(&quot;move4(tdiv2)&quot;,pausebetweenimages)
setTimeout(&quot;move3(first2)&quot;,pausebetweenimages)
return
}
if (tdiv2.style.pixelTop&gt;=tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=5
setTimeout(&quot;move4(second2)&quot;,100)
}
else{
tdiv2.style.pixelTop=scrollerheight
tdiv2.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}

function startscroll(){
if (document.all){
move3(first2)
second2.style.top=scrollerheight
}
else if (document.layers){
move1(document.main.document.first)
document.main.document.second.top=scrollerheight+5
document.main.document.second.visibility='show'
}
}

window.onload=startscroll

//--&gt;

&lt;/script&gt;
      &lt;ilayer id=&quot;main&quot; width=&amp;{scrollerwidth}; height=&amp;{scrollerheight}; bgcolor=&amp;{scrollerbgcolor};&gt; 
      &lt;layer id=&quot;first&quot; left=0 top=1 width=&amp;{scrollerwidth};&gt; 
      &lt;script language=&quot;JavaScript1.2&quot;&gt;
if (document.layers)
document.write(slideimages[0])
&lt;/script&gt;
      &lt;/layer&gt;
      &lt;layer id=&quot;second&quot; left=0 top=0 width=&amp;{scrollerwidth}; visibility=hide&gt; 
      &lt;script language=&quot;JavaScript1.2&quot;&gt;
if (document.layers)
document.write(slideimages[1])
&lt;/script&gt;
      &lt;/layer&gt;
      &lt;/ilayer&gt;
      &lt;p&gt; 
        &lt;script language=&quot;JavaScript1.2&quot;&gt;
&lt;!-- 

if (document.all){
document.writeln('&lt;span id=&quot;main2&quot; style=&quot;position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+'&quot;&gt;')
document.writeln('&lt;div style=&quot;position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0&quot;&gt;')
document.writeln('&lt;div id=&quot;first2&quot; style=&quot;position:absolute;width:'+scrollerwidth+';left:0;top:1;&quot;&gt;')
document.write(slideimages[0])
document.writeln('&lt;/div&gt;')
document.writeln('&lt;div id=&quot;second2&quot; style=&quot;position:absolute;width:'+scrollerwidth+';left:0;top:0&quot;&gt;')
document.write(slideimages[1])
document.writeln('&lt;/div&gt;')
document.writeln('&lt;/div&gt;')
document.writeln('&lt;/span&gt;')
}
//--&gt; 

&lt;/script&gt;</textarea>
        </p>
      </form>
      <b> </b></td>
    <td bgcolor="5F74BF" width="28" align="center">&nbsp;</td>
    <td width="37" align="center">&nbsp;</td>
  </tr>
  <tr>
    <td align="center" valign="bottom" height="36"> 
      <table width="238" border="0" cellspacing="0" cellpadding="0">
        <tr align="center"> 
          <td>&nbsp; </td>
        </tr>
      </table>
    </td>
    <td width="457" class="p2" valign="top" height="36">&nbsp;</td>
    <td bgcolor="5F74BF" width="28" align="center" height="36"><img src="img/bule1.gif" width="28" height="49"></td>
    <td width="37" align="center" height="36">&nbsp;</td>
  </tr>
</table>
<table width="760" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr> 
    <td class="p2" align="right" width="693"> <br>
      <table width="620" border="0" cellspacing="0" cellpadding="0">
        <tr> 
          <td><span class="p1"><font color="#6633FF">注:本例中所用到的五张图放在与本页面同级的&quot;img&quot;文件夹内,名字分别为logo1.gif,logo2.gif...。</font></span> 
          </td>
        </tr>
      </table>
      <br>
      <br>
    </td>
    <td class="p2" width="18">&nbsp;</td>
    <td class="p2" width="1" bgcolor="A8A8AB"><img src="img/blank.gif" width="1" height="1"></td>
    <td class="p2" width="48">&nbsp;</td>
  </tr>
</table>
<table width="760" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr bgcolor="5F74BF"> 
    <td>&nbsp;</td>
  </tr>
</table>
<p>&nbsp;</p>
</body>
</html>