最近无聊,看着许多网站都有广告自动轮换,自己试着写了一个图片轮换,代码和功能都很简单,只支持IE的,FF的还要加些东东.
xml文件:test.xml
http://www.163.com
http://www.sina.com.cn
http://www.sohu.com
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>
Statement:The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn