Heim  >  Artikel  >  Web-Frontend  >  javascript+xml实现简单图片轮换(只支持IE)_javascript技巧

javascript+xml实现简单图片轮换(只支持IE)_javascript技巧

WBOY
WBOYOriginal
2016-05-16 17:45:481124Durchsuche

最近无聊,看着许多网站都有广告自动轮换,自己试着写了一个图片轮换,代码和功能都很简单,只支持IE的,FF的还要加些东东.

xml文件:test.xml

复制代码 代码如下:



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


HTML
复制代码 代码如下:

javascript+xml实现简单图片轮换(只支持IE)_javascript技巧

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>
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn