|
许多网友问鼠标移上去会变亮的菜单是怎么制作的？其实这是用两张图片交替显示的效果具体采用javascript脚本语言实现因为稍微复杂些需要细细讲解 你要制作这种效果的话首先也要制作好同样大小不同效果的两张图片（先作好一张再复制出另一张再作其他效果这样可以保证图片完全吻合） 然后将下面的Javascript代码加入到HTML的<head></head>之间 <script language=JavaScript> // Author: Alone ^_^; // Date: // Hide from nonjavascript compatible browser j=documentimages; if (j) { button=new Image(); buttonsrc=/images/gif; button=new Image(); buttonsrc=/images/gif; button=new Image(); buttonsrc=/images/gif; button=new Image(); buttonsrc=/images/gif; button=new Image(); buttonsrc=/images/gif; button=new Image(); buttonsrc=/images/gif; button=new Image(); buttonsrc=/images/gif; button=new Image(); buttonsrc=/images/gif; button=new Image(); buttonsrc=/images/gif; button=new Image(); buttonsrc=/images/gif; } function img_act(p) {if (j) {on = eval (p + src); document[p]src = on;} } function img_inact(p) {if (j) {off = eval (p + src); document[p]src = off; } } // ></script> 只可以将其中类似/images/gif 的语句修改为你的图片名和路径名其他不要改动再将下面的代码放入<body></body>之间 <table border= width=% cellspacing= cellpadding=> <tr> <td width=% bgcolor=#><p align=center><a onmouseover=img_act(button) onmouseout=img_inact(button)><img src=/images/gif name=button alt=Frontpage宝典 border= WIDTH= HEIGHT=></a></td> </tr> <tr> <td width=% bgcolor=#><p align=center><a onmouseover=img_act(button) onmouseout=img_inact(button)><img src=/images/gif alt=Photoshop点睛 name=button border= WIDTH= HEIGHT=></a></td> </tr> <tr> <td width=% bgcolor=#><p align=center><a onmouseover=img_act(button) onmouseout=img_inact(button)><img src=/images/gif name=button alt=javascript超市 border= WIDTH= HEIGHT=></a></td> </tr> <tr> <td width=% bgcolor=#><p align=center><a onmouseover=img_act(button) onmouseout=img_inact(button)><img src=/images/gif name=button alt=CGI&perl天书 border= WIDTH= HEIGHT=></a></td> </tr> <tr> <td width=% bgcolor=#><p align=center><a onmouseover=img_act(button) onmouseout=img_inact(button)><img src=/images/gif name=button alt=Homepage技巧 border= WIDTH= HEIGHT=></a></td> </tr> </table> 将其中类似<a />的语句改为你需要链接的文件名类似img src=/images/gif的语句改为你的图片名和路径名类似WIDTH= HEIGHT=的语句改为你的图片的宽和高 |
