js 使用方法與函數(shù) 總結(jié)第3/4頁(yè)
更新時(shí)間：2009年05月17日 18:19:18 作者：
js使用方法小結(jié)，比較不錯(cuò)，無(wú)論是新手，還是老手都是不錯(cuò)的。
36 讀取圖像屬性
1: <img src="/"image1.jpg"" name="myImage">
2: <a href="# " onClick="window.alert(document.myImage.width)">Width</a>
3:
37 動(dòng)態(tài)加載圖像
1: <script language="JavaScript">
2: myImage = new Image;
3: myImage.src = “Tellers1.jpg";
4: </script>
38 簡(jiǎn)單的圖像替換
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: <a 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>
39 隨機(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 imageChoice = Math.floor(Math.random() * imageList.length);
8: document.write(‘<img src="' + imageList[imageChoice] + ‘“>');
9: </script>
40 函數(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: <a 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>
41 創(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">
42 隨機(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://www.jb51.com.cn/";
9: urlList[1] = “http://www.jb51.cn/";
10: urlList[2] = “http://www.kanshule.com/";
11: urlList[3] = “http://chabaoo.cn/";
12: var imageChoice = Math.floor(Math.random() * imageList.length);
13: document.write(‘<a href="' + urlList[imageChoice] + ‘“><img src="' + imageList[imageChoice] + ‘“></a>');
14: </script>
相關(guān)文章
下面小編就為大家?guī)?lái)一篇淺談js鍵盤(pán)事件全面控制。小編覺(jué)得挺不錯(cuò)的，在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-12-12
這篇文章主要介紹了js實(shí)現(xiàn)點(diǎn)擊煙花特效，幫助大家更好的利用js美化網(wǎng)頁(yè)，感興趣的朋友可以了解下2020-10-10
JavaScript運(yùn)動(dòng)框架 多值運(yùn)動(dòng)(四)
這篇文章主要為大家詳細(xì)介紹了JavaScript運(yùn)動(dòng)框架第四部分，多值運(yùn)動(dòng)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
JS事件處理機(jī)制及事件代理（事件委托）實(shí)例詳解
這篇文章主要介紹了JS事件處理機(jī)制及事件代理,結(jié)合實(shí)例形式詳細(xì)分析了JS時(shí)間處理機(jī)制與事件代理功能、用法及相關(guān)使用技巧,需要的朋友可以參考下2023-06-06![JavaScript輸出為[object?Object]問(wèn)題的解決辦法](http://img.jbzj.com/images/xgimg/bcimg4.png)
JavaScript輸出為[object?Object]問(wèn)題的解決辦法
平時(shí)我們?cè)诮邮蘸蠖朔祷氐膉son對(duì)象通常是一個(gè)字符串類(lèi)型的object,所以一般我們要對(duì)這個(gè)object進(jìn)行類(lèi)型轉(zhuǎn)化后,我們才能使用object里面的數(shù)據(jù),這篇文章主要給大家介紹了關(guān)于JavaScript輸出為[object?Object]問(wèn)題的解決辦法,需要的朋友可以參考下2023-11-11
JavaScript中正則表達(dá)式的實(shí)際應(yīng)用詳解
這篇文章主要給大家介紹了關(guān)于JavaScript中正則表達(dá)式實(shí)際應(yīng)用的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05
原生js添加節(jié)點(diǎn)appendChild、insertBefore方式
這篇文章主要介紹了原生js添加節(jié)點(diǎn)appendChild、insertBefore方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
JS/CSS實(shí)現(xiàn)字符串單詞首字母大寫(xiě)功能
這篇文章主要介紹了JS/CSS實(shí)現(xiàn)字符串單詞首字母大寫(xiě)功能，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-09-09
下面小編就為大家?guī)?lái)一篇基于ES6作用域和解構(gòu)賦值詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11
這篇文章主要介紹了在微信小程序中使用圖表的方法示例，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04