最近无聊,看着许多网站都有广告自动轮换,自己试着写了一个图片轮换,代码和功能都很简单,只支持IE的,FF的还要加些东东. xml文件:test.xml 复制代码 代码如下: <?xml version="1.0" encoding="gb2312"?> <ad> <neteasy path="image/64_jpg.jpg">http://www.163.com</neteasy> <sina path="image/lining.jpg">http://www.sina.com.cn</sina> <sohu path="image/Image00045.jpg">http://www.sohu.com</sohu> </ad> HTML 复制代码 代码如下: <img id="image1" name="image1" src="image/64_jpg.jpg" style="cursor:hand; width: 110px; height: 103px;"/> 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>

　　推荐阅读

　　JS实现用键盘控制DIV上下左右+放大缩小与变色

用键盘控制DIV，红色方块为键盘操作区域，您可以进行如下操作： 　　上：↑ 下：↓ 左：← 右：→ 　　Ctrl + 1 : 背景变为绿色 　　Ctrl + 2 : 背景变为黄色 　　Ctrl + 3 : 背景变为蓝色 　　Ctrl + ↑ : 放大 　>>>详细阅读

本文标题：javascript+xml实现简单图片轮换(只支持IE)

地址：http://www.17bianji.com/kaifa2/JS/22720.html

 1/2    1