网页技巧----变换图片的菜单
点击次数：21 次 发布日期：2008-11-26 19:44:08 作者：源代码网
|
源代码网推荐 网页技巧----变换图片的菜单 源代码网推荐 · fishs·转载自网易 源代码网推荐 源代码网推荐 这个菜单也象WINDOWS里的菜单，只不过是个错觉，其实它是用图片做的，但真的和WINDOWS里的菜单一样。跟我学吧。 源代码网推荐 源代码网推荐 <scriptlanguage="Javascript"> 源代码网推荐 <!-- 源代码网推荐 if(document.images){ 源代码网推荐 image1on=newImage();image1on.src="http://www.aspcool.com/lanmu/a01-1.gif"; 源代码网推荐 image2on=newImage();image2on.src="http://www.aspcool.com/lanmu/a02-1.gif"; 源代码网推荐 image3on=newImage();image3on.src="http://www.aspcool.com/lanmu/a03-1.gif"; 源代码网推荐 image4on=newImage();image4on.src="http://www.aspcool.com/lanmu/a04-1.gif"; 源代码网推荐 image1off=newImage();image1off.src="http://www.aspcool.com/lanmu/a01.gif"; 源代码网推荐 image2off=newImage();image2off.src="http://www.aspcool.com/lanmu/a02.gif"; 源代码网推荐 image3off=newImage();image3off.src="http://www.aspcool.com/lanmu/a03.gif"; 源代码网推荐 image4off=newImage();image4off.src="http://www.aspcool.com/lanmu/a04.gif"; 源代码网推荐 } 源代码网推荐 functionchangeImages(){ 源代码网推荐 if(document.images){for(vari=0;i<changeImages.arguments.length;i 源代码网推荐 +=2){ 源代码网推荐 document[changeImages.arguments[i]].src=eval(changeImages.arguments[ 源代码网推荐 i+1]+".src"); 源代码网推荐 } 源代码网推荐 } 源代码网推荐 } 源代码网推荐 //--> 源代码网推荐 </script> 源代码网推荐 源代码网推荐 说明： 源代码网推荐 1、将黄色代码加到<head>和</head>之间，还没完，接着往下看； 源代码网推荐 2、将图片的链接按如下改动：<ahref="链接文件.htm"onMouseOut="chan 源代码网推荐 geImages("image1","image1off")"onMouseOver="changeImages("image1"," 源代码网推荐 image1on")"><imgsrc="http://www.aspcool.com/lanmu/a04.gif"name="image1"width="126"height="28"b 源代码网推荐 order="0"></a>； 源代码网推荐 3、仔细看代码中的数字，有1、2、3、4就是图片的顺序，a01是灰底黑字， 源代码网推荐 a01-1是蓝底白字，其他同理； 源代码网推荐 4、每个图片的链接改动时，那个数字也要同样改动，1就是1，2就是2，链接 源代码网推荐 文件就不用我说了吧。好了，大功告成了。 源代码网推荐 5、想想它的变化过程，充分发挥你的想象力，你可以做出各种奇妙的效果。 源代码网推荐 源代码网推荐 源代码网供稿. |
