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 26 Javascript
JavaScript 设计模式 富有表现力的Javascript(一)
May 26 Javascript
jquery tab插件精简版分享
Sep 10 Javascript
javascript下拉框选项单击事件的例子分享
Mar 04 Javascript
JavaScript清空数组元素的两种方法简单比较
Jul 10 Javascript
javascript实现列表滚动的方法
Jul 30 Javascript
Javascript函数式编程语言
Oct 11 Javascript
几种二级联动案例(jQuery\Array\Ajax php)
Aug 13 Javascript
浅谈EasyUi ComBotree树修改 父节点选择的问题
Nov 07 Javascript
概述jQuery的元素筛选
Nov 23 Javascript
javascript input输入框模糊提示功能的实现
Sep 25 Javascript
js cavans实现静态滚动弹幕
May 21 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
《忧国的莫里亚蒂》先导宣传图与STAFF公开
2020/03/04 日漫
牡丹941资料
2021/03/01 无线电
php学习笔记(三)操作符与控制结构
2011/08/06 PHP
PHP输出时间差函数代码
2013/01/28 PHP
PHP函数http_build_query使用详解
2014/08/20 PHP
PHP下的Oracle客户端扩展(OCI8)安装教程
2014/09/10 PHP
PHP连接SQLServer2005的方法
2015/01/27 PHP
thinkphp5 URL和路由的功能详解与实例
2017/12/26 PHP
Javascript 表单之间的数据传递代码
2008/12/04 Javascript
基于jquery实现的移入页面上空文本框时,让它变为焦点,移出清除焦点
2011/07/26 Javascript
jquery validate添加自定义验证规则(验证邮箱 邮政编码)
2013/12/04 Javascript
js随机生成网页背景颜色的方法
2015/02/26 Javascript
jQuery定义插件的方法
2015/12/18 Javascript
jQuery判断浏览器并动态调整select宽度的方法
2016/03/02 Javascript
BootStrap中Datetimepicker和uploadify插件应用实例小结
2016/05/26 Javascript
Javascript 动态改变imput type属性
2016/11/01 Javascript
AngularJS实现路由实例
2017/02/12 Javascript
javascript简单写的判断电话号码实例
2017/05/24 Javascript
Node.js使用cookie保持登录的方法
2018/05/11 Javascript
在vue中利用v-html按分号将文本换行的例子
2019/11/14 Javascript
[01:51]DAC趣味视频-如何成为职业选手.mp4
2017/04/02 DOTA
[44:01]2018DOTA2亚洲邀请赛3月30日 小组赛B组 EG VS paiN
2018/03/31 DOTA
介绍Python的Django框架中的静态资源管理器django-pipeline
2015/04/25 Python
Python自定义进程池实例分析【生产者、消费者模型问题】
2016/09/19 Python
python数据结构之线性表的顺序存储结构
2018/09/28 Python
在Python中实现shuffle给列表洗牌
2018/11/08 Python
Python关于excel和shp的使用在matplotlib
2019/01/03 Python
django 装饰器 检测登录状态操作
2020/07/02 Python
django和flask哪个值得研究学习
2020/07/31 Python
Python图像处理之膨胀与腐蚀的操作
2021/02/07 Python
Django项目在pycharm新建的步骤方法
2021/03/02 Python
美国顶级水上运动专业店:Marine Products
2018/04/15 全球购物
我的大学生活职业生涯规划
2014/01/02 职场文书
自我鉴定写作要点
2014/01/17 职场文书
工程承诺书怎么写
2014/05/24 职场文书
幼师自荐信范文(2016推荐篇)
2016/01/28 职场文书