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 相关文章推荐
Javascript 同时提交多个Web表单的方法
Feb 19 Javascript
jQuery $.each的用法说明
Mar 22 Javascript
JQuery验证工具类搜集整理
Jan 16 Javascript
JS 跳转页面延迟2种方法
Mar 29 Javascript
jquery属性过滤选择器使用示例
Jun 18 Javascript
在javaScript中关于submit和button的区别介绍
Oct 20 Javascript
jquery easyui 结合jsp简单展现table数据示例
Apr 18 Javascript
JavaScript 变量、作用域及内存
Apr 08 Javascript
AngularJS ng-app 指令实例详解
Jul 30 Javascript
JS非空验证及邮箱验证的实例
Aug 11 Javascript
浅谈Vue.js 组件中的v-on绑定自定义事件理解
Nov 17 Javascript
angularjs数组判断是否含有某个元素的实例
Feb 27 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
深入解析fsockopen与pfsockopen的区别
2013/07/05 PHP
php如何解决无法上传大于8M的文件问题
2014/03/10 PHP
thinkPHP批量删除的实现方法分析
2016/11/09 PHP
Zend Framework分发器用法示例
2016/12/11 PHP
PHP设计模式之装饰器模式实例详解
2018/02/07 PHP
Jquery中children与find之间的区别详细解析
2013/11/29 Javascript
js解决select下拉选不中问题
2014/10/14 Javascript
jQuery简单tab切换效果实现方法
2015/04/08 Javascript
jQuery构造函数init参数分析
2015/05/13 Javascript
JS实现图片垂直居中显示小结
2016/12/13 Javascript
nodejs中express入门和基础知识点学习
2018/09/13 NodeJs
vue动画效果实现方法示例
2019/03/18 Javascript
three.js利用gpu选取物体并计算交点位置的方法示例
2019/11/25 Javascript
[03:53]2016国际邀请赛中国区预选赛第三日TOP10精彩集锦
2016/06/29 DOTA
python3判断url链接是否为404的方法
2018/08/10 Python
浅析Python 3 字符串中的 STR 和 Bytes 有什么区别
2018/10/14 Python
python生成九宫格图片
2018/11/19 Python
python字符串替换re.sub()方法解析
2019/09/18 Python
ubuntu上安装python的实例方法
2019/09/30 Python
Python模拟登录和登录跳转的参考示例
2020/10/30 Python
MAC Cosmetics官方网站:魅可专业艺术彩妆
2019/04/10 全球购物
手工制作的豪华英式沙发和沙发床:Willow & Hall
2019/05/03 全球购物
视图的作用
2014/12/19 面试题
中专生学习生活的自我评价分享
2013/10/27 职场文书
30年同学聚会邀请函
2014/01/25 职场文书
经济信息系毕业生自荐信范文
2014/03/15 职场文书
班子四风对照检查材料思想汇报
2014/09/29 职场文书
预备党员2014年第四季度思想汇报范文
2014/10/25 职场文书
护士个人总结范文
2015/02/13 职场文书
车间质检员岗位职责
2015/04/08 职场文书
尼克胡哲观后感
2015/06/08 职场文书
城南旧事电影观后感
2015/06/16 职场文书
《法国号》教学反思
2016/02/22 职场文书
2016年学校爱国卫生月活动总结
2016/04/06 职场文书
毕业生就业推荐表自我鉴定
2019/06/20 职场文书
配置nginx负载均衡
2022/05/06 Servers