网页技巧----变换图片的菜单


这个菜单也象WINDOWS里的菜单,只不过是个错觉,其实它是用图片做的,但真的和WINDOWS里的菜单一样。跟我学吧。

$#@60;scriptlanguage="JavaScript"$#@62;
$#@60;!--
if(document.images){
image1on=newImage();image1on.src="http://soft.yesky.com/SoftChannel/72351167937511424/20000507/a01-1.gif";
image2on=newImage();image2on.src="http://soft.yesky.com/SoftChannel/72351167937511424/20000507/a02-1.gif";
image3on=newImage();image3on.src="http://soft.yesky.com/SoftChannel/72351167937511424/20000507/a03-1.gif";
image4on=newImage();image4on.src="http://soft.yesky.com/SoftChannel/72351167937511424/20000507/a04-1.gif";
image1off=newImage();image1off.src="http://soft.yesky.com/SoftChannel/72351167937511424/20000507/a01.gif";
image2off=newImage();image2off.src="http://soft.yesky.com/SoftChannel/72351167937511424/20000507/a02.gif";
image3off=newImage();image3off.src="http://soft.yesky.com/SoftChannel/72351167937511424/20000507/a03.gif";
image4off=newImage();image4off.src="http://soft.yesky.com/SoftChannel/72351167937511424/20000507/a04.gif";
}
functionchangeImages(){
if(document.images){for(vari=0;i$#@60;changeImages.arguments.length;i
+=2){
document[changeImages.arguments[i]].src=../../eval(changeImages.arguments[
i+1]+".src");
}
}
}
//--$#@62;
$#@60;/script$#@62;

说明:
1、将黄色代码加到$#@60;head$#@62;和$#@60;/head$#@62;之间,还没完,接着往下看;
2、将图片的链接按如下改动:$#@60;ahref="链接文件.htm"onMouseOut="chan
geImages(image1,image1off)"onMouseOver="changeImages(image1,
image1on)"$#@62;$#@60;imgsrc="http://soft.yesky.com/SoftChannel/72351167937511424/20000507/a04.gif"name="image1"width="126"height="28"b
order="0"$#@62;$#@60;/a$#@62;;
3、仔细看代码中的数字,有1、2、3、4就是图片的顺序,a01是灰底黑字,
a01-1是蓝底白字,其他同理;
4、每个图片的链接改动时,那个数字也要同样改动,1就是1,2就是2,链接
文件就不用我说了吧。好了,大功告成了。
5、想想它的变化过程,充分发挥你的想象力,你可以做出各种奇妙的效果。

本文作者:



相关阅读:
CSS实例教程:用position来布局页面
css之自动换行实现代码
css框架(CSS Frameworks):CSS框架应用
教你修复因安全更新导致的Windows 7蓝屏
Linux服务器ADSL利用NAT实现上网共享
asp:debug类调试程序
Linux系统下的matlab——sage开源软件包
QQ主面板的自动隐藏与Windows7窗口最大化
动态控制Table的js代码
jQuery对象[0]是什么含义?
扩展性很好的一个分页存储过程分享
原创]用javascript实现检测指定目录是否存在的方法" target="_blank">[原创]用javascript实现检测指定目录是否存在的方法
基于文本的留言簿
Linux下用Samba作PDC配置方法
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 自来水公司 2015年工作思路 汕头努力营造选才引才用才良好环境 秋天的校园250字 可爱的宠物狗 那些不会开花结果的梦想作文 小学六年级作文450字:我发现了莲藕的秘密 简短经典语句 那道美丽的弧线 【散文】春天的嫩芽 神经质 可爱的小乌龟 工作规化 本土化与国际化平衡之道 就要以骆驼为榜样 提升研究生综合素质的教育模式探析 累了、、、、、、、 2016淡然伤感的个性句子大全 2015员工聚餐活动策划方案 我们熟悉的地方 学校的大操场 元稹:遣悲怀·其一 小学六年级作文550字:将梦想变成可能 网友批评央视记者徐娜擅离地震现场 爆囧之家,笑喷好几次 洛原西望 感恩祖国诗歌100字:国庆 三毛爱情经典语录 重酬乐天 期盼未来 子农解 公司年终总结大会发言稿 小区环境调查报告作文 2016年三年级期末考试语文作文范文:假如我会飞 小菊 公园管理处青年文明号事迹申报材料 雨中情 大概 就是这样子了 Andy、   谈恋爱真的是件很奢侈的事 七年级下册第二次滚动作文快速训练课堂实录 八月份社区工作总结 初中初一作文1000字:于丹〈论语〉心得》读后感 令我委屈的一件事作文500字 部队万能检讨书1000书 公司信访工作督查办法 行政服务中心国税窗口工作体会 一枕经年一枕香 三个导向明确湖南新型智库建设路径 2015公务员转正自我鉴定 道悟人生--马晓龙 朋友的快乐作文800字 绝不输给命运

Copyright © 2016 phpStudy |