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

<script type="text/javascript"><!-- google_ad_client = "pub-2947489232296736"; /* 728x15, 创建于 08-4-23MSDN */ google_ad_slot = "3624277373"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
<script type="text/javascript"><!-- google_ad_client = "pub-2947489232296736"; /* 160x600, 创建于 08-4-23MSDN */ google_ad_slot = "4367022601"; google_ad_width = 160; google_ad_height = 600; //--> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
    
  网页技巧----变换图片菜单
  · fishs·转载自网易
  
    这个菜单也象WINDOWS里的菜单,只不过是个错觉,其实它是用图片做的,但真的和WINDOWS里的菜单一样。跟我学吧。
  
  <scriptlanguage="JavaScript">
  <!--
  if(document.images){
  image1on=newImage();image1on.src="a01-1.gif";
  image2on=newImage();image2on.src="a02-1.gif";
  image3on=newImage();image3on.src="a03-1.gif";
  image4on=newImage();image4on.src="a04-1.gif";
  image1off=newImage();image1off.src="a01.gif";
  image2off=newImage();image2off.src="a02.gif";
  image3off=newImage();image3off.src="a03.gif";
  image4off=newImage();image4off.src="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="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、想想它的变化过程,充分发挥你的想象力,你可以做出各种奇妙的效果。
  
   <script type="text/javascript"><!-- google_ad_client = "pub-2947489232296736"; /* 728x15, 创建于 08-4-23MSDN */ google_ad_slot = "3624277373"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
<script type="text/javascript"><!-- google_ad_client = "pub-2947489232296736"; /* 160x600, 创建于 08-4-23MSDN */ google_ad_slot = "4367022601"; google_ad_width = 160; google_ad_height = 600; //--> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
阅读更多
个人分类: javascript
想对作者说点什么? 我来说一句

刷新变换图片代码

sdjncjc sdjncjc

2010-06-09 17:22:00

阅读数:394

html图片随机变换

2012年01月03日 453KB 下载

css十大绝秘技巧

2016年01月07日 5KB 下载

实现网页的树形菜单

TreeMenu

xxyy888 xxyy888

2010-12-22 08:39:00

阅读数:828

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭