menudexplain.htm

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

<SCRIPT LANGUAGE="JAVASCRIPT">
messages=new Array(5)
messages[0]="<font color=red><b>这是一种很好的主页制做工具! </b></font>"
messages[1]="<font color=red><b>它可以制做出很多意想不到的效果！</b></font>"
messages[2]="<font color=red><b>它可以为你主页的图片增添光彩！</b></font>"
messages[3]="<font color=red><b>它可以帮你做图表！</b></font>"
messages[4]="<font color=red><b>它可以帮你处理文字！</b></font>"
messages[5]="<font color=red><b>按下去，看看吧！</b></font>"
var browser;
if (document.all) {
		layerRef='document.all.'
		styleRef='.style.'
		changeMessages=".innerHTML=messages[num]"
		closeit=""
		browser=true
}
else
{
   alert("此效果在Netscape浏览器中不能实现！");
}
function mover(num){

	if(browser){
		eval(layerRef+'startingMsg'+changeMessages)
		eval(layerRef+'startingMsg'+closeit);
	}

}

function mout(num){
	if(browser){
		eval(layerRef+'startingMsg'+changeMessages);
		eval(layerRef+'startingMsg'+closeit);
	}
}
&lt;/SCRIPT&gt;</textarea>
        </p>
        <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="10" wrap="VIRTUAL" style="BACKGROUND-COLOR: #D5E9FD;" >&lt;table width=&quot;760&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;
  &lt;tr&gt;
    &lt;td&gt;&lt;a href=&quot;http://www.hongen.com/pc/homepage/dreamweaver/dw0101.htm&quot;  onMouseOver=&quot;mover(0)&quot; onMouseOut=&quot;mout(0)&quot;&gt;dreamweaver&lt;/a&gt; 
      &lt;p&gt; &lt;a href=&quot;http://www.hongen.com/pc/homepage/fireworks/firejq.htm&quot; onMouseOver=&quot;mover(2)&quot; onMouseOut=&quot;mout(2)&quot;&gt;fireworks&lt;/a&gt; 
      &lt;p&gt; &lt;a href=&quot;http://www.hongen.com/pc/homepage/flashsl/flashjq.htm&quot; onMouseOver=&quot;mover(1)&quot; onMouseOut=&quot;mout(1)&quot;&gt;flash&lt;/a&gt; 
      &lt;p&gt; &lt;a href=&quot;http://www.hongen.com/pc/oa/excel2k/ex2k0101.htm&quot; onMouseOver=&quot;mover(3)&quot; onMouseOut=&quot;mout(3)&quot;&gt;excel&lt;/a&gt; 
      &lt;p&gt; &lt;a href=&quot;http://www.hongen.com/pc/oa/word2k/wd2k0101.htm&quot; onMouseOver=&quot;mover(4)&quot; onMouseOut=&quot;mout(4)&quot;&gt;word&lt;/a&gt; 
    &lt;/td&gt;
  &lt;/tr&gt;
&lt;/table&gt;
&lt;div id=&quot;startingMsg&quot; style=&quot;left: 204px; top: 72px; width: 414px; height: 10px&quot;&gt;想学什麽，就按下去吧！&lt;/div&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"> 
      <table width="238" border="0" cellspacing="0" cellpadding="0">
        <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></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">&nbsp;</td>
    <td bgcolor="5F74BF" width="28" align="center"><img src="img/bule1.gif" width="28" height="49"></td>
    <td width="37" align="center">&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="650" border="0" cellspacing="0" cellpadding="0">
        <tr> 
          <td height="25"> 
            <table width="100%" border="1" cellspacing="1" cellpadding="1" bordercolorlight="#666666" bordercolordark="#666666" class=p2>
              <tr> 
                <td width="47%"><font color="#000000">messages=new Array(5)<br>
                  messages[0]=&quot;这是一种很好的主页制做工具! &quot;<br>
                  messages[1]=&quot;它可以制做出很多意想不到的效果！&quot;<br>
                  messages[2]=&quot;它可以为你主页的图片增添光彩！&quot;<br>
                  messages[3]=&quot;它可以帮你做图表！&quot; <br>
                  messages[4]=&quot;它可以帮你处理文字！&quot;<br>
                  messages[5]=&quot;按下去，看看吧！&quot;<br>
                  </font></td>
                <td width="53%"><font color="#000000">定义一个数组，并列出其中元素的内容。</font></td>
              </tr>
              <tr bgcolor="CFDFFF"> 
                <td width="47%"><font color="#000000">var browser; <br>
                  </font></td>
                <td width="53%"><font color="#000000">声明一个变量。</font></td>
              </tr>
              <tr> 
                <td width="47%"><font color="#000000">if (document.all)<br>
                  { layerRef='document.all.'<br>
                  styleRef='.style.'<br>
                  changeMessages=&quot;.innerHTML=messages[num]&quot; <br>
                  closeit=&quot;&quot;<br>
                  browser=true }<br>
                  </font></td>
                <td width="53%"><font color="#000000">如果浏览器是IE，定义各变量的值，以备后面的语句用。</font></td>
              </tr>
              <tr bgcolor="CFDFFF"> 
                <td width="47%"> 
                  <p><font color="#000000">else if (document.layers) <br>
                    { alert("此效果在Netscape浏览器中不能实现！"); </font><font color="#000000">} 
                    </font></p>
                  </td>
                <td width="53%"><font color="#000000">如果浏览器是Netscape,弹出警告框。</font></td>
              </tr>
              <tr> 
                <td width="47%"><font color="#000000">function mover(num)<br>
                  { if(browser)<br>
                  { eval(layerRef+'startingMsg'<br>
                  +changeMessages) eval(layerRef+'startingMsg'+closeit);<br>
                  }</font></td>
                <td width="53%"><font color="#000000">定义一个函数mover。</font></td>
              </tr>
              <tr bgcolor="CFDFFF"> 
                <td width="47%"><font color="#000000">function mout(num)<br>
                  { if(browser)<br>
                  { eval(layerRef+'startingMsg'<br>
                  +changeMessages); <br>
                  eval(layerRef+'startingMsg'+closeit); </font></td>
                <td width="53%"><font color="#000000">定义一个函数mout。</font></td>
              </tr>
              <tr> 
                <td width="47%"><font color="#000000">&lt;a href=&quot;http://www.hongen.com/pc/<br>
                  homepage/dreamweaver/dw0101.htm&quot; <br>
                  onMouseOver=&quot;mover(0)&quot; <br>
                  onMouseOut=&quot;mout(0)&quot;&gt;dreamweaver&lt;/a&gt;<br>
                  </font></td>
                <td width="53%"><font color="#000000">鼠标在文字上的时候，调用mover函数。鼠标移开的时候，调用mout函数。</font></td>
              </tr>
              <tr bgcolor="CFDFFF"> 
                <td width="47%"><font color="#000000">&lt;a href=&quot;http://www.hongen.com/pc/<br>
                  homepage/fireworks/firejq.htm&quot; <br>
                  onMouseOver=&quot;mover(2)&quot;<br>
                  onMouseOut=&quot;mout(2)&quot;&gt;fireworks&lt;/a&gt; <br>
                  &lt;a href=&quot;http://www.hongen.com/pc/<br>
                  hoge/flash/fla101.htm&quot;<br>
                  onMouseOver=&quot;mover(1)&quot; <br>
                  onMouseOut=&quot;mout(1)&quot;&gt;flash&lt;/a&gt; <br>
                  &lt;a href=&quot;http://www.hongen.com/pc/<br>
                  oa/excel2k/ex2k0101.htm&quot; <br>
                  onMouseOver=&quot;mover(3)&quot;<br>
                  onMouseOut=&quot;mout(3)&quot;&gt;excel&lt;/a&gt; <br>
                  &lt;a href=&quot;http://www.hongen.com/pc/<br>
                  oa/word2k/wd2k0101.htm&quot; <br>
                  onMouseOver=&quot;mover(4)&quot; <br>
                  onMouseOut=&quot;mout(4)&quot;&gt;word&lt;/a&gt;</font></td>
                <td width="53%"><font color="#000000">同上。</font></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
      <br>
      <table width="640" border="0" cellspacing="0" cellpadding="0">
        <tr> 
          <td><span class="p1"><font color="#6633FF">注：此效果只能在IE浏览器中实现。</font></span><b></b></td>
        </tr>
      </table>
      <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>