首頁 > web前端 > js教程 > javascript xml實作簡單圖片輪替(只支援IE)_javascript技巧

javascript xml實作簡單圖片輪替(只支援IE)_javascript技巧

WBOY
發布: 2016-05-16 17:45:48
原創
1151 人瀏覽過

最近無聊,看著許多網站都有廣告自動輪換,自己試著寫了一個圖片輪換,代碼和功能都很簡單,只支持IE的,FF的還要加些東東.

xml檔:test.xml

複製程式碼 程式碼如下:











http://www.163.com
http://www.sina.com.cn
http://www.sohu .com


複製程式碼



複製程式碼



複製程式碼



複製程式碼



複製程式碼



複製程式碼



複製程式碼


複製程式碼複製碼🎜> 程式碼如下: javascript xml實作簡單圖片輪替(只支援IE)_javascript技巧 javascript 複製程式碼複製程式碼複製程式碼 程式碼如下: <script> <🎜>//圖片輪替<🎜>var a = 0 ; <🎜>var xmlDoc; <🎜>var image1 = document.getElementById("image1"); <🎜>function loadxml(path ) <🎜>{ <🎜>xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); <🎜>xmlDoc.async = false; <🎜>xmlDoc.load(path); <🎜>} <🎜>loadxml("test .xml"); <🎜>function changeImage() <🎜>{ <🎜>var ad = xmlDoc.getElementsByTagName("ad")[0]; <🎜>if(a == ad.childNodes.length) <🎜 >{ <🎜>a=0; <🎜>} <🎜>var path = ad.childNodes[a].getAttribute("path"); <🎜>var url = ad.childNodes[a].text; <🎜 >image1.src = path; <🎜>image1.onclick = function(){window.open(url);}; <🎜>a =1; <🎜>setTimeout("changeImage()",1000); <🎜 >} <🎜>changeImage(); <🎜></script>
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板