xml+javascript实现简单图片轮换

最近无聊,看着许多网站都有广告自动轮换,自己试着写了一个图片轮换,代码和功能都很简单,只支持IE的,FF的还要加些东东.

xml文件:test.xml

<?xml version="1.0" encoding="gb2312"?>
2

<ad>
3

<neteasy path="image/64_jpg.jpg">http://www.163.com</neteasy>
4

<sina path="image/lining.jpg">http://www.sina.com.cn</sina>
5

<sohu path="image/Image00045.jpg">http://www.sohu.com</sohu>
6

</ad>

HTML

javascript

//图片轮换
3

var a = 0 ;
4

var xmlDoc;
5

var image1 = document.getElementById("image1");
6

function loadxml(path)
7

{
8

xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
9

xmlDoc.async = false;
10

xmlDoc.load(path);
11

}
12

loadxml("test.xml");
13

function changeImage()
14

{
15

var ad = xmlDoc.getElementsByTagName("ad")[0];
16

if(a == ad.childNodes.length)
17

{
18

a=0;
19

}
20

var path = ad.childNodes[a].getAttribute("path");
21

var url = ad.childNodes[a].text;
22

image1.src = path;
23

image1.onclick = function()

{window.open(url);};
24

a+=1;
25

setTimeout("changeImage()",1000);
26

}
27

changeImage();
28

</script>

转载于:https://www.cnblogs.com/jc5025/archive/2007/01/13/619340.html

xml+javascript实现简单图片轮换相关推荐

基于Javascript的简单图片管理
(一)标记今天我要做一个小图片浏览的网页.第一项工作室为这些图片创建一个链接清单.因为我没打算让这些图片按照特定顺序排列,所以将使用一个无序清单元素(ul) 下面是我的清单标记 <h1> ...
JavaScript实现简单图片滚动 --9张图告诉你，C罗欲哭无泪
源码下载:http://download.csdn.net/detail/u011043843/7510425 昨晚德国和葡萄牙的焦点之战你看了吗?北京时间凌晨的比赛中,C罗领衔的葡萄牙0-4德国被完 ...
js图片轮换显示实例(转载)
2019独角兽企业重金招聘Python工程师标准>>> 转自:http://www.cnblogs.com/yes123/p/3702519.html 用js脚本实现图片轮换显示,很 ...
javascript图片轮换2
javascript图片轮换2 图片轮换是一种相当复杂的技术,早些年基本用flash实现.这里有一个链接,教大家如何用flash实现它的.之所以用flash,是因为flash是基于帧的,这与图片轮换的 ...
javascript图片轮换
先完成结构层与表现层部分,做一个纯CSS相册,好让JS不能动弹时,相册还能运作.过程见<纯CSS相册>,只不过是在它的基础再做了一些优化,更符合人的思路走向,好让下面JS顺产而已. < ...
简单的图片轮播器（一）：一个关于仿flash的图片轮换器
仿flash的图片轮换器 web小渣渣,最近在网上看了一个n年前的视屏(地址这里)照着视屏的代码参照网上的写了一波,发一篇博客记录一波学习历程最终效果图: 最终代码如下: tuPianLunHua ...
Flash 图片轮换效果
Flash全站的技术应用系列: (一)AS+JS的Flash网站无刷新定位技术 (二)Flash网站的SEO (三)Flash网站的流量统计 (四)让Flash网站具有IE前进后退的功能 (五)图片 ...
转：享受 Bcastr 4.0，优秀的通用图片轮换播放器～～
特别提示:xml 是可以动态生成的,但是在生成的时候要着重考虑 bcastr4.swf .bcastr.xml 以及图片的路径关系,另外需要注意 flash新版本是不能跨域的,flash里面的链接 ...
CMS用通用图片轮换flash幻灯片播放器：Bcastr3和Bcastr4
这款Bcastr通用图片轮换播放器(或者叫他幻灯片播放器),由于其简洁的代码及其易用性,被dedeCMS.PHPCMS.帝国CMS.Z-blog等诸多网站内容管理程序开发者广泛引用.被使用的最多的是b ...

xml+javascript实现简单图片轮换

xml+javascript实现简单图片轮换相关推荐

最新文章

热门文章