当前位置：学海荡舟 -> 电脑乐园 -> JavaScript
　　　　解 释 型 菜 单  
     
效 果 演 示：

 

dreamweaver

fireworks

flash

excel

word

想学什麽，就按下去吧！

　

    
 
源代码如下：



这段程序放在<head>与</head>之间

这段程序放在<body>与</body>之间

    
源程序讲解：
   

messages=new Array(5)
messages[0]="这是一种很好的主页制做工具! "
messages[1]="它可以制做出很多意想不到的效果！"
messages[2]="它可以为你主页的图片增添光彩！"
messages[3]="它可以帮你做图表！"
messages[4]="它可以帮你处理文字！"
messages[5]="按下去，看看吧！"
 定义一个数组，并列出其中元素的内容。
var browser;
声明一个变量。
if (document.all)
{ layerRef='document.all.'
styleRef='.style.'
changeMessages=".innerHTML=messages[num]"
closeit=""
browser=true }
 如果浏览器是IE，定义各变量的值，以备后面的语句用。

else if (document.layers)
{ alert("此效果在Netscape浏览器中不能实现！"); }

如果浏览器是Netscape,弹出警告框。
function mover(num)
{ if(browser)
{ eval(layerRef+'startingMsg'
+changeMessages) eval(layerRef+'startingMsg'+closeit);
}		 定义一个函数mover。
function mout(num)
{ if(browser)
{ eval(layerRef+'startingMsg'
+changeMessages);
eval(layerRef+'startingMsg'+closeit); 		定义一个函数mout。
<a href="//www.gdjyw.com/pc/
homepage/dreamweaver/dw0101.htm"
onMouseOver="mover(0)"
onMouseOut="mout(0)">dreamweaver</a>
 鼠标在文字上的时候，调用mover函数。鼠标移开的时候，调用mout函数。
<a href="//www.gdjyw.com/pc/
homepage/fireworks/firejq.htm"
onMouseOver="mover(2)"
onMouseOut="mout(2)">fireworks</a>
<a href="//www.gdjyw.com/pc/
hoge/flash/fla101.htm"
onMouseOver="mover(1)"
onMouseOut="mout(1)">flash</a>
<a href="//www.gdjyw.com/pc/
oa/excel2k/ex2k0101.htm"
onMouseOver="mover(3)"
onMouseOut="mout(3)">excel</a>
<a href="//www.gdjyw.com/pc/
oa/word2k/wd2k0101.htm"
onMouseOver="mover(4)"
onMouseOut="mout(4)">word</a>		 同上。

注：此效果只能在IE浏览器中实现。