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中继承的一些示例方法与属性参考
Aug 07 Javascript
需要做特殊处理的DOM元素属性的访问
Nov 05 Javascript
利用jQuery接受和处理xml数据的代码(.net)
Mar 28 Javascript
jquery封装的对话框简单实现
Jul 21 Javascript
图片Slider 带左右按钮的js示例
Aug 30 Javascript
jquery 鼠标滑动显示详情应用示例
Jan 24 Javascript
解决html按钮切换绑定不同函数后点击时执行多次函数问题
May 14 Javascript
教你如何使用PHP输出中文JSON字符串
May 22 Javascript
13个PHP函数超实用
Oct 21 Javascript
详解JavaScript 为什么要有 Symbol 类型?
Apr 03 Javascript
使用vue完成微信公众号网页小记(推荐)
Apr 28 Javascript
Angular进行简单单元测试的实现方法实例
Aug 16 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 信息采集程序代码
2009/03/17 PHP
PHP OPCode缓存 APC详细介绍
2010/10/12 PHP
CI框架整合widget(页面格局)的方法
2016/05/17 PHP
php生出随机字符串
2017/07/06 PHP
Linux下 php7安装redis的方法
2018/11/01 PHP
微信公众平台开发教程②微信端分享功能图文详解
2019/04/10 PHP
解决laravel5.4下的group by报错的问题
2019/10/16 PHP
浅谈laravel框架与thinkPHP框架的区别
2019/10/23 PHP
JavaScript/jQuery 表单美化插件小结
2012/02/14 Javascript
JQuery触发radio或checkbox的change事件
2012/12/18 Javascript
Jquery实现点击切换图片并隐藏显示内容(2种方法实现)
2013/04/11 Javascript
使用jQuery UI的tooltip函数修饰title属性的气泡悬浮框
2013/06/24 Javascript
js中cookie的添加、取值、删除示例代码
2013/10/21 Javascript
调试代码导致IE出错的避免方法
2014/04/04 Javascript
jQuery实现网站添加高亮突出显示效果的方法
2015/06/26 Javascript
AngularJS基础 ng-keypress 指令简单示例
2016/08/02 Javascript
微信开发 消息推送实现代码
2016/10/21 Javascript
vue2.0 实现导航守卫的具体用法(路由守卫)
2018/05/17 Javascript
JavaScript设计模式之职责链模式应用示例
2018/08/07 Javascript
vue 实现websocket发送消息并实时接收消息
2019/12/09 Javascript
[01:48]完美圣典齐天大圣至宝宣传片
2016/12/17 DOTA
教你学会使用Python正则表达式
2017/09/07 Python
Python中optparser库用法实例详解
2018/01/26 Python
selenium+python设置爬虫代理IP的方法
2018/11/29 Python
python flask安装和命令详解
2019/04/02 Python
JupyterNotebook设置Python环境的方法步骤
2019/12/03 Python
Python监听键盘和鼠标事件的示例代码
2020/11/18 Python
浅谈html5与APP混合开发遇到的问题总结
2018/03/20 HTML / CSS
乔丹诺(Giordano)酒庄德国官网:找到最好的意大利葡萄酒
2017/12/28 全球购物
抽样调查项目计划书
2014/04/24 职场文书
竞选文艺委员演讲稿
2014/04/28 职场文书
幼儿园区域活动总结
2014/05/08 职场文书
表彰大会策划方案
2014/05/13 职场文书
民间借贷协议书范本
2014/10/01 职场文书
2019七夕节祝福语36句,快来收藏吧
2019/08/06 职场文书
详解Nginx的超时keeplive_timeout配置步骤
2022/05/25 Servers