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

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

xml檔:test.xml

複製程式碼 程式碼如下:

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

HTML

複製程式碼



複製程式碼



複製程式碼



複製程式碼



複製程式碼



複製程式碼



複製程式碼

複製程式碼複製碼🎜> 程式碼如下: 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>