图片隔时间变换
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
? ? <title></title>
? ? <script type="text/javascript" src="demo2.js"></script>
</head>
<body>
? ? <a href="java.html">
? ? ? ? <img src="images/java.png" alt="图片隔时间转换" id="img" />
? ? </a>
</body>
</html>
————————————————————————————————————————————
———
js
———
window.onload = initBannerLink;
?
var add = 0; //全局变量
function initBannerLink() {
? ? if ("A" == document.getElementById("img").parentNode.tagName) {
? ? ? ? document.getElementById("img").parentNode.onclick = newLocation;
? ? }
? ? ratate();
}
?
function newLocation() {
? ? var url = new Array("java.html", "c++.html", "DoNet.html");
? ? window.location = url[add];
? ? return false;
}
function ratate() {
? ? var imgCollection = new Array("images/java.png", "images/c++.png", "images/DoNet.png");
? ? add++;
? ? if (imgCollection.length == add) {
? ? ? ? add = 0;
? ? }
? ? var img = document.getElementById("img");
? ? img.src = imgCollection[add];
? ? setTimeout(ratate, 1000);
}
?