最近无聊,看着许多网站都有广告自动轮换,自己试着写了一个图片轮换,代码和功能都很简单,只支持ie的,ff的还要加些东东.
xml文件:test.xml
复制代码 代码如下:
HTML
复制代码 代码如下:
javascript
复制代码 代码如下:
<script> <br>//图片轮换 <br>var a = 0 ; <br>var xmlDoc; <br>var image1 = document.getElementById("image1"); <br>function loadxml(path) <br>{ <br>xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); <br>xmlDoc.async = false; <br>xmlDoc.load(path); <br>} <br>loadxml("test.xml"); <br>function changeImage() <br>{ <br>var ad = xmlDoc.getElementsByTagName("ad")[0]; <br>if(a == ad.childNodes.length) <br>{ <br>a=0; <br>} <br>var path = ad.childNodes[a].getAttribute("path"); <br>var url = ad.childNodes[a].text; <br>image1.src = path; <br>image1.onclick = function(){window.open(url);}; <br>a+=1; <br>setTimeout("changeImage()",1000); <br>} <br>changeImage(); <br></script>
