<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    隨筆 - 147  文章 - 71  trackbacks - 0
    <2009年1月>
    28293031123
    45678910
    11121314151617
    18192021222324
    25262728293031
    1234567

    常用鏈接

    留言簿(1)

    隨筆分類(146)

    隨筆檔案(147)

    文章分類(28)

    文章檔案(28)

    喜歡的Blog

    搜索

    •  

    最新評論

    閱讀排行榜

    評論排行榜

    讀取圖像屬性
    1<img src="/”image1.jpg"” name=”myImage”> 
    2<href=”# ” onClick=”window.alert(document.myImage.width)”>Width</a>

    動態(tài)加載圖像
    1<script language=”JavaScript”> 
    2 myImage = new Image;
    3 myImage.src = “Tellers1.jpg”;
    4
    </script>

    簡單的圖像替換
    1<script language=”JavaScript”> 
    2 rollImage = new Image; 
    3 rollImage.src = “rollImage1.jpg”; 
    4 defaultImage = new Image; 
    5 defaultImage.src = “image1.jpg”; 
    6
    </script> 
    7 <href="/”myUrl"” onMouseOver=”document.myImage.src = rollImage.src;” 
    8 onMouseOut=”document.myImage.src = defaultImage.src;”> 
    9 <img src="/”image1.jpg"” name=”myImage” width=100 height=100 border=0>

    隨機(jī)顯示圖像
    1<script language=”JavaScript”> 
    2 var imageList = new Array; 3: imageList[0= “image1.jpg”; 
    3 imageList[1= “image2.jpg”; 
    4 imageList[2= “image3.jpg”; 
    5 imageList[3= “image4.jpg”; 
    6 var imageChoice = Math.floor(Math.random() * imageList.length); 
    7 document.write(‘<img src=”’ + imageList[imageChoice] + ‘“>’); 
    8
    </script>

    函數(shù)實(shí)現(xiàn)的圖像替換
     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
    </script> 
    14 <href=”#” onMouseOver=”document.myImage1.src = rollImage1[replacement].src;” 
    15 onMouseOut=”document.myImage1.src = rollImage1[source].src;”> 
    16 <img src="/”image1.jpg"” width=100 name=”myImage1” border=0> 
    17 </a>

    創(chuàng)建幻燈片
     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 }
     
    18
    </script> 
    19 </head> 
    20 <body onLoad=”slideShow(0)”> 
    21 <img src="/”image1.jpg"” width=100 name=”slideShow”>

    隨機(jī)廣告圖片
     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>’); 
    14
    </script>
    posted on 2009-01-23 15:23 飛翔天使 閱讀(595) 評論(1)  編輯  收藏 所屬分類: javascript

    FeedBack:
    # re: JavaScript方法和技巧大全——圖像 2009-01-24 07:57 heyang
    不錯!  回復(fù)  更多評論
      
    主站蜘蛛池模板: 黄 色一级 成 人网站免费| 久久精品国产亚洲av麻豆图片 | 国产亚洲综合一区二区三区| 91亚洲国产成人久久精品| 亚洲美女aⅴ久久久91| 麻豆亚洲AV永久无码精品久久| 亚洲视频在线免费观看| 老汉色老汉首页a亚洲| 亚洲精品视频在线播放| 亚洲成人福利在线| 亚洲最大成人网色香蕉| 亚洲一区二区三区不卡在线播放| 亚洲av无码一区二区三区观看| 亚洲国产成人精品无码区在线秒播 | 暖暖免费中文在线日本| 一区二区三区免费视频网站| 男女一边桶一边摸一边脱视频免费 | 成人无码视频97免费| 亚洲av午夜国产精品无码中文字| 亚洲 国产 图片| 91在线视频免费看| 四虎国产成人永久精品免费| 免费高清A级毛片在线播放| 亚洲一区欧洲一区| 久久亚洲精品无码AV红樱桃| 亚洲午夜未满十八勿入网站2| 国产免费人人看大香伊| 日韩免费毛片视频| 日韩视频在线精品视频免费观看| 久久久久久AV无码免费网站下载| 一级做a爰片久久毛片免费陪 | 亚洲人成无码网站| 亚洲国产成人久久综合一 | 亚洲精品无码久久久久AV麻豆| 中国极品美軳免费观看| 视频一区在线免费观看| 亚洲福利一区二区三区| 亚洲免费观看网站| 亚洲成色WWW久久网站| 亚洲国产精品成人综合色在线婷婷| 日韩亚洲国产综合高清|