设为首页  
联系我们  
加入收藏  
网页制作 冲浪宝典 图形图像 操作系统 软件教学 编程开发 认证考试 安全技术 站长专区 文学驿站 娱乐天地 游戏天地 办公软件
文章搜索
您的位置: 首页 >> 文章首页 >> 网页制作 >> Javascript >> 如何制作鼠标感应动画菜单
精品推荐
Javascript点击TOP10
·菜鸟架设动网论坛全教程
·网页模板的使用方法 (教程)
·网页对联广告代码效果大全
·用JavaScript实现文件图片滚动效果
·图片循环滚动完美解决
·JS表格排序新法
·滚动的公告栏的实现
·模板使用教程:从切图到网页生成
·Javascript设计网页中的下拉菜单
·制作页面漂浮图片的效果
网页制作点击TOP10
·菜鸟架设动网论坛全教程
·网页模板的使用方法 (教程)
·网页对联广告代码效果大全
·初学者入门:如何学习网页制作?
·用JavaScript实现文件图片滚动效果
·常用CSS大全
·网页自动转向代码
·图片循环滚动完美解决
·JS表格排序新法
·DIV CSS网页布局实例解析:实现表格形式
精选专题

如何制作鼠标感应动画菜单

作者: 来源:网络文章 时间:2005-12-11 23:12:21

如何制作鼠标感应动画菜单(1) 许多网友问:鼠标移上去会变亮的菜单是怎么制作的?其实这是用两张图片交替显示的效果,具体采用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.abcdown.net/images/2.gif";
button001=new Image(); button001.src="http://www.abcdown.net/images/21.gif";
button01=new Image(); button01.src="http://www.abcdown.net/images/3.gif";
button011=new Image(); button011.src="http://www.abcdown.net/images/31.gif";
button02=new Image(); button02.src="http://www.abcdown.net/images/4.gif";
button021=new Image(); button021.src="http://www.abcdown.net/images/41.gif";
button03=new Image(); button03.src="http://www.abcdown.net/images/5.gif";
button031=new Image(); button031.src="http://www.abcdown.net/images/51.gif";
button04=new Image(); button04.src="http://www.abcdown.net/images/6.gif";
button041=new Image(); button041.src="http://www.abcdown.net/images/61.gif";
}

function img_act(p)
{if (j) {on = eval (p + "1.src"); 
document[p].src = on;}


function img_inact(p) 
{if (j) {off = eval (p + ".src"); 
document[p].src = off;
}
}
// --></script>

  只可以将其中类似“../images/2.gif” 的语句修改为你的图片名和路径名,其他不要改动。再将下面的代码放入<body></body>之间:
<table border="0" width="100%" cellspacing="0" cellpadding="0">

共3页 9 7 [1] [2] [38 :>

如何制作鼠标感应动画菜单 相关文章:
如何制作鼠标感应动画菜单 相关软件:
特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
转载请注明来源:http://www.xgdown.com