Chinaunix首页 | 论坛 | 博客
  • 博客访问: 358806
  • 博文数量: 152
  • 博客积分: 6020
  • 博客等级: 准将
  • 技术积分: 850
  • 用 户 组: 普通用户
  • 注册时间: 2006-03-11 19:20
文章分类

全部博文(152)

文章存档

2017年(1)

2010年(1)

2007年(3)

2006年(147)

我的朋友

分类:

2006-04-10 00:18:23

36 读取图像属性
  1. <img src=”image1.jpg” name=”myImage”>
  2. <a href=# ” onClick=”window.alert(document.myImage.width)”>Width


37 动态加载图像
  1. <script language=”JavaScript”>
  2. myImage = new Image;
  3. myImage.src “Tellers1.jpg”;


38 简单的图像替换
     
  1. <script language=”JavaScript”>
     
  2. rollImage = new Image;
     
  3. rollImage.src “rollImage1.jpg”;
     
  4. defaultImage = new Image;
     
  5. defaultImage.src “image1.jpg”;
     

  6.  
  7.  
  8. onMouseOut=”document.myImage.src = defaultImage.src;”>
     


39 随机显示图像
     
  1. <script language=”JavaScript”>
     
  2. var imageList = new Array;
     
  3. imageList[0] = “image1.jpg”;
     
  4. imageList[1] = “image2.jpg”;
     
  5. imageList[2] = “image3.jpg”;
     
  6. imageList[3] = “image4.jpg”;
     
  7. var imageChoice Math.floor(Math.random() * imageList.length);
     
  8. document.write(<img src=”’ imageList[imageChoice] + ‘“>);
     


40 函数实现的图像替换
     
  1. <script language=”JavaScript”>
     
  2. var source 0;
     
  3. var replacement 1;
     
  4. function createRollOver(originalImage,replacementImage) { 
     
  5. var imageArray = new Array;
     
  6. imageArray[source] = new Image;
     
  7. imageArray[source].src originalImage;
     
  8. imageArray[replacement] = new Image;
     
  9. imageArray[replacement].src replacementImage;
  10. return imageArray;
  11.  }
  12. var rollImage1 createRollOver(“image1.jpg”,”rollImage1.jpg”);

  13. onMouseOut=”document.myImage1.src = rollImage1[source].src;”>



41 创建幻灯片
     
  1. <script language=”JavaScript”>
     
  2. var imageList = new Array;
     
  3. imageList[0] = new Image;
     
  4. imageList[0].src “image1.jpg”;
     
  5. imageList[1] = new Image;
     
  6. imageList[1].src “image2.jpg”;
     
  7. imageList[2] = new Image;
     
  8. imageList[2].src “image3.jpg”;
     
  9. imageList[3] = new Image;
  10. imageList[3].src “image4.jpg”;
  11. function slideShow(imageNumber) { 
  12. document.slideShow.src imageList[imageNumber].src;
  13. imageNumber += 1;
  14. if (imageNumber imageList.length) { 
  15. window.setTimeout(“slideShow(“ imageNumber ),3000);
  16.  }
  17.  }





42 随机广告图片
     
  1. <script language=”JavaScript”>
     
  2. var imageList = new Array;
     
  3. imageList[0] = “image1.jpg”;
     
  4. imageList[1] = “image2.jpg”;
     
  5. imageList[2] = “image3.jpg”;
     
  6. imageList[3] = “image4.jpg”;
     
  7. var urlList = new Array;
     
  8. urlList[0] = “http://some.host/”;
     
  9. urlList[1] = “http://another.host/”;
  10. urlList[2] = “http://somewhere.else/”;
  11. urlList[3] = “http://right.here/”;
  12. var imageChoice Math.floor(Math.random() * imageList.length);
  13. document.write(<a href=”’ urlList[imageChoice] + ‘“><img src=”’ imageList[imageChoice] + ‘“>a>);

阅读(974) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~