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 相关文章推荐
10款新鲜出炉的 jQuery 插件(Ajax 插件,有幻灯片、图片画廊、菜单等)
Jun 08 Javascript
自己做的模拟模态对话框实现代码
May 23 Javascript
Jquery 模拟用户点击超链接或者按钮的方法
Oct 25 Javascript
replace()方法查找字符使用示例
Oct 28 Javascript
基于JS实现网页中的选项卡(两种方法)
Jun 16 Javascript
JavaScript函数中的this四种绑定形式
Aug 15 Javascript
layer实现关闭弹出层刷新父界面功能详解
Nov 15 Javascript
Vue CLI 3搭建vue+vuex最全分析(推荐)
Sep 27 Javascript
利用Vconsole和Fillder进行移动端抓包调试方法
Mar 05 Javascript
JS+CSS实现随机点名(实例代码)
Nov 04 Javascript
angular8和ngrx8结合使用的步骤介绍
Dec 01 Javascript
layui使用及简单的三级联动实现教程
Dec 01 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读取EXCEL文件 php excelreader读取excel文件
2012/12/06 PHP
php curl模拟post请求和提交多维数组的示例代码
2015/11/19 PHP
php通过smtp邮件验证登陆的方法
2016/05/11 PHP
真正的JQuery.ajax传递中文参数的解决方法
2011/05/28 Javascript
Google Map V3 绑定气泡窗口(infowindow)Dom事件实现代码
2013/04/26 Javascript
Js制作简单弹出层DIV在页面居中 中间显示遮罩的具体方法
2013/08/08 Javascript
Javascript与jQuery方法的隐藏与显示
2015/01/19 Javascript
浅析jQuery Mobile的初始化事件
2015/12/03 Javascript
深入理解bootstrap框架之入门准备
2016/10/09 Javascript
深入理解Node.js 事件循环和回调函数
2016/11/02 Javascript
实现隔行换色效果的两种方式【实用】
2016/11/27 Javascript
Vue-router 中hash模式和history模式的区别
2018/07/24 Javascript
微信小程序制作表格的方法
2019/02/14 Javascript
通过图带你深入了解vue的响应式原理
2019/06/21 Javascript
对layui中的onevent 和event的使用详解
2019/09/06 Javascript
微信小程序实现上传多个文件 超过10个
2020/03/30 Javascript
使用js和canvas实现时钟效果
2020/09/08 Javascript
[59:08]DOTA2上海特级锦标赛C组小组赛#2 LGD VS Newbee第一局
2016/02/27 DOTA
复制粘贴功能的Python程序
2008/04/04 Python
Python多线程同步Lock、RLock、Semaphore、Event实例
2014/11/21 Python
python用pickle模块实现“增删改查”的简易功能
2017/06/07 Python
django_orm查询性能优化方法
2018/08/20 Python
Python装饰器基础概念与用法详解
2018/12/22 Python
python matplotlib折线图样式实现过程
2019/11/04 Python
python用Configobj模块读取配置文件
2020/09/26 Python
Django xadmin安装及使用详解
2020/10/26 Python
Get The Label中文官网:英国运动时尚购物平台
2017/04/19 全球购物
波兰购物网站:MALL.PL
2019/05/01 全球购物
妇联主席先进事迹
2014/05/18 职场文书
护士年终考核评语
2014/12/31 职场文书
房地产公司工程部经理岗位职责
2015/04/09 职场文书
2015年生产车间工作总结
2015/04/22 职场文书
商务信函英语问候语
2015/11/10 职场文书
Ajax实现异步加载数据
2021/11/17 Javascript
php修改word的实例方法
2021/11/17 PHP
python APScheduler执行定时任务介绍
2022/04/19 Python