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 相关文章推荐
Firebug 字幕文件JSON地址获取代码
Oct 28 Javascript
jQuery EasyUI 的EasyLoader功能介绍
Sep 12 Javascript
用jquery模仿的a的title属性(兼容ie6/7)
Jan 21 Javascript
js从10种颜色中随机取色实现每次取出不同的颜色
Oct 23 Javascript
jQuery实现摸拟alert提示框
May 22 Javascript
Json解析的方法小结
Jun 22 Javascript
jQuery弹出div层过2秒自动消失
Nov 29 Javascript
vue如何从接口请求数据
Jun 22 Javascript
angularJS实现动态添加,删除div方法
Feb 27 Javascript
使用jquery模拟a标签的click事件无法实现跳转的解决
Dec 04 jQuery
vue移动端下拉刷新和上滑加载
Oct 27 Javascript
Vue 的 v-model用法实例
Nov 23 Vue.js
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 和 COM
2006/10/09 PHP
php定时计划任务的实现方法详解
2013/06/06 PHP
php中常量DIRECTORY_SEPARATOR用法深入分析
2014/11/14 PHP
PHP正则匹配日期和时间(时间戳转换)的实例代码
2016/12/14 PHP
laravel 之 Eloquent 模型修改器和序列化示例
2019/10/17 PHP
javascript中创建对象的三种常用方法
2010/12/30 Javascript
js 动态文字滚动的例子
2011/01/17 Javascript
javascript实现相同事件名称,不同命名空间的调用方法
2015/06/26 Javascript
javascript实现支持移动设备画廊
2015/08/24 Javascript
jQuery基于函数重载实现自定义Alert函数样式的方法
2016/07/27 Javascript
js仿微信公众平台打标签功能
2017/04/08 Javascript
JS排序之冒泡排序详解
2017/04/08 Javascript
bootstrap multiselect 多选功能实现方法
2017/06/05 Javascript
vue中get请求如何传递数组参数的方法示例
2019/11/08 Javascript
js用正则表达式筛选年月日的实例方法
2021/01/04 Javascript
[01:14]3.19DOTA2发布会 三代刀塔人第二代
2014/03/25 DOTA
python自动化脚本安装指定版本python环境详解
2017/09/14 Python
在python里面运用多继承方法详解
2019/07/01 Python
python二元表达式用法
2019/12/04 Python
简单了解Python读取大文件代码实例
2019/12/18 Python
以实惠的价格轻松租车,免费取消:Easyrentcars
2019/07/16 全球购物
全球高级音频和视频专家:HiDef Lifestyle
2019/08/02 全球购物
Andrew Marc官网:设计师外套的领先制造商
2019/10/30 全球购物
机电一体化自荐信
2013/12/10 职场文书
食品行业求职人的自我评价
2014/01/19 职场文书
创业计划书的主要内容有哪些
2014/01/29 职场文书
美丽家庭事迹材料
2014/05/03 职场文书
开学典礼观后感
2015/06/15 职场文书
幼儿园园长六一致辞
2015/07/31 职场文书
教师节校长致辞
2015/07/31 职场文书
安全教育主题班会总结
2015/08/14 职场文书
工商局调档介绍信
2015/10/22 职场文书
python自动化调用百度api解决验证码
2021/04/13 Python
MongoDB 常用的crud操作语句
2021/06/20 MongoDB
Python中super().__init__()测试以及理解
2021/12/06 Python
Spring Boot配合PageHelper优化大表查询数据分页
2022/04/20 Java/Android