<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无码一区二区三区| 亚洲日本乱码一区二区在线二产线| 久久免费视频一区| 亚洲国产精品成人| 免费国产a理论片| 亚洲第一网站男人都懂| 成年网站免费入口在线观看| 国产免费变态视频网址网站 | 午夜免费福利视频| 亚洲AV无码一区二区二三区软件 | 性一交一乱一视频免费看 | 在线亚洲v日韩v| 全亚洲最新黄色特级网站 | 亚洲色无码专区在线观看| 二个人看的www免费视频| 国产亚洲AV无码AV男人的天堂| 18禁超污无遮挡无码免费网站| 亚洲国产精品特色大片观看完整版 | 97无码免费人妻超级碰碰碰碰 | 国产特级淫片免费看| 一级毛片在线免费播放| 曰韩亚洲av人人夜夜澡人人爽| 免费人成在线观看网站| 亚洲AV一二三区成人影片| 在线观看91精品国产不卡免费| 免费人成再在线观看网站| 亚洲精品成人网站在线观看| 99精品免费观看| 亚洲女女女同性video| 亚洲AV无码专区日韩| 免费人成黄页在线观看日本| 色噜噜亚洲男人的天堂| 全部免费毛片免费播放| 成人性生交大片免费看好| 亚洲日韩乱码久久久久久| 免费国产真实迷j在线观看| 男人j进入女人j内部免费网站| 性xxxx黑人与亚洲| 综合久久久久久中文字幕亚洲国产国产综合一区首 | 久久国产精品亚洲综合|