|
|
 |
|
 |
如何制作鼠标感应动画菜单 |
热 ★★★ |
|
|
|
| 如何制作鼠标感应动画菜单 |
|
|
| 作者：佚名 文章来源：本站整理 更新时间：2008-5-22 13:59:19 |
|
|
|
许多网友问：鼠标移上去会变亮的菜单是怎么制作的？其实这是用两张图片交替显示的效果，具体采用javascript脚本语言实现。因为稍微复杂些，需要细细讲解。
你要制作这种效果的话，首先也要制作好同样大小，不同效果的两张图片（先作好一张，再复制出另一张，再作其他效果，这样可以保证图片完全吻合）。
然后将下面的Javascript代码加入到HTML的<head></head>之间
<script language="JavaScript">
// Author: Alone ^_^;
// Date: 08.26.98
// Hide from non-javascript compatible browser
j=document.images;
if (j)
{
button00=new Image(); button00.src=http://www.webjx.com/htmldata/2005-02-24/"../images/2.gif";
button001=new Image(); button001.src=http://www.webjx.com/htmldata/2005-02-24/"../images/21.gif";
button01=new Image(); button01.src=http://www.webjx.com/htmldata/2005-02-24/"../images/3.gif";
button011=new Image(); button011.src=http://www.webjx.com/htmldata/2005-02-24/"../images/31.gif";
button02=new Image(); button02.src=http://www.webjx.com/htmldata/2005-02-24/"../images/4.gif";
button021=new Image(); button021.src=http://www.webjx.com/htmldata/2005-02-24/"../images/41.gif";
button03=new Image(); button03.src=http://www.webjx.com/htmldata/2005-02-24/"../images/5.gif";
button031=new Image(); button031.src=http://www.webjx.com/htmldata/2005-02-24/"../images/51.gif";
button04=new Image(); button04.src=http://www.webjx.com/htmldata/2005-02-24/"../images/6.gif";
button041=new Image(); button041.src=http://www.webjx.com/htmldata/2005-02-24/"../images/61.gif";
}
function img_act(p)
{if (j) {on = eval (p + "1.src");
document[p][1] [2] [3] 下一页
|
|
|
|
| 文章录入：admin 责任编辑：admin |
|
|
上一篇文章： “智慧型”网页制作技巧
下一篇文章： 用JavaScript实现一些随机事件 |
|
|
|
|
|
|
|
|
|
|
|
|
