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


Posted in Javascript onDecember 23, 2012

最近无聊,看着许多网站都有广告自动轮换,自己试着写了一个图片轮换,代码和功能都很简单,只支持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>
Javascript 相关文章推荐
js 鼠标点击事件及其它捕获
Jun 04 Javascript
JavaScript经典效果集锦
Jul 06 Javascript
js限制文本框输入长度两种限制方式(长度、字节数)
Dec 19 Javascript
一个JavaScript操作元素定位元素的实例
Oct 29 Javascript
javascript获取wx.config内部字段解决微信分享
Mar 09 Javascript
jQuery+CSS3实现四种应用广泛的导航条制作实例详解
Sep 17 Javascript
JavaScript递归操作实例浅析
Oct 31 Javascript
js推箱子小游戏步骤代码解析
Jan 10 Javascript
JavaScript设计模式之工厂模式和抽象工厂模式定义与用法分析
Jul 26 Javascript
JS异步处理的进化史深入讲解
Aug 25 Javascript
详解如何在Vue项目中发送jsonp请求
Oct 25 Javascript
JS实现星星海特效
Dec 24 Javascript
JavaScript与DOM组合动态创建表格实例
Dec 23 #Javascript
JavaScript执行效率与性能提升方案
Dec 21 #Javascript
JS实现图片预加载无需等待
Dec 21 #Javascript
Javascript根据指定下标或对象删除数组元素
Dec 21 #Javascript
JavaScript实现统计文本框Textarea字数增强用户体验
Dec 21 #Javascript
js返回上一页并刷新代码整理
Dec 21 #Javascript
左右悬浮可分组的网站QQ在线客服代码(可谓经典)
Dec 21 #Javascript
You might like
php 各种应用乱码问题的解决方法
2010/05/09 PHP
PHP中的密码加密的解决方案总结
2016/10/26 PHP
php常用字符串查找函数strstr()与strpos()实例分析
2019/06/21 PHP
PHP强制转化的形式整理
2020/05/22 PHP
可选择和输入的下拉列表框示例
2013/11/05 Javascript
jQuery filter函数使用方法
2014/05/19 Javascript
禁用Enter键表单自动提交实现代码
2014/05/22 Javascript
Javascript闭包用法实例分析
2015/01/23 Javascript
使用Angular和Nodejs、socket.io搭建聊天室及多人聊天室
2015/08/21 NodeJs
JavaScript截取、切割字符串的技巧
2016/01/07 Javascript
星期几的不同脚本写法(推荐)
2016/06/01 Javascript
jquery获取input type=text中的值的各种方式(总结)
2016/12/02 Javascript
微信小程序 解决swiper不显示图片的方法
2017/01/04 Javascript
jquery动态赋值id与动态取id方法示例
2017/08/21 jQuery
PWA介绍及快速上手搭建一个PWA应用的方法
2019/01/27 Javascript
layui(1.0.9)文件上传upload,前后端的实例代码
2019/09/26 Javascript
vue data引入本地图片的两种方式小结
2019/11/13 Javascript
js实现浏览器打印功能的示例代码
2020/07/15 Javascript
vue实践---根据不同环境,自动转换请求的url地址操作
2020/09/21 Javascript
Python自动登录126邮箱的方法
2015/07/10 Python
Python的Flask框架的简介和安装方法
2015/11/13 Python
Python3计算三角形的面积代码
2017/12/18 Python
Python爬虫使用代理IP的实现
2019/10/27 Python
解决pycharm 安装numpy失败的问题
2019/12/05 Python
python递归函数求n的阶乘,优缺点及递归次数设置方式
2020/04/02 Python
如何在mac版pycharm选择python版本
2020/07/21 Python
Sunglasses Shop瑞典:欧洲领先的太阳镜网上商店
2018/04/22 全球购物
Hello Molly美国:女性时尚在线
2019/08/26 全球购物
日本AOKI官方商城:AOKI西装
2020/06/11 全球购物
会计学应届毕业生推荐信
2013/11/04 职场文书
创业计划书六个要素
2013/12/26 职场文书
运动会通讯稿150字
2014/02/15 职场文书
2014教师年度思想工作总结
2014/11/10 职场文书
2019年个人工作总结范文(3篇)
2019/08/27 职场文书
golang如何去除多余空白字符(含制表符)
2021/04/25 Golang
Anaconda安装pytorch和paddle的方法步骤
2022/04/03 Python