本文實例為大家分享了javascript實現(xiàn)循環(huán)廣告條的具體代碼，供大家參考，具體內(nèi)容如下
html代碼:
<!DOCTYPE html><html><head><title>Rotating Banner</title><script src="script07.js"></script><link rel="stylesheet" href="script01.css" rel="external nofollow" ></head><body><div class="centered"><img src="images/reading1.gif" id="adBanner" alt="Ad Banner"></div></body></html>
css代碼：
body {background-color: white;color: black;font-size: 20px;font-family: "Lucida Grande", Verdana,Arial, Helvetica, sans-serif;}h1, th {font-family: Georgia, "Times New Roman",Times, serif;}h1 {font-size: 28px;}table {border-collapse: collapse;}th, td {padding: 10px;border: 2px #666 solid;text-align: center;width: 20%;}#free, .pickedBG {background-color: #f66;}.winningBG {background-image:url(images/redFlash.gif);}js代碼：
window.onload = rotate;var thisAd = 0;function rotate() {var adImages = new Array("images/ reading1.gif","images/reading2. gif","images/reading3.gif");thisAd++;if (thisAd == adImages.length) {thisAd = 0;}document.getElementById("adBanner").src = adImages[thisAd];setTimeout(rotate, 3 * 1000);//設(shè)置時間,本每隔多長時間改變廣告條中的GIF}在循環(huán)廣告條中添加鏈接：修改js的代碼
window.onload = initBannerLink;var thisAd = 0;function initBannerLink() {if (document.getElementById("adBanner").parentNode.tagName == "A") {document.getElementById("adBanner").parentNode.onclick = newLocation;}rotate();}function newLocation() {var adURL = new Array("negrino.com","sun.com","microsoft.com");document.location.href = "http://www." + adURL[thisAd];return false;}function rotate() {var adImages = new Array("images/ reading1.gif","images/reading2. gif","images/reading3.gif");thisAd++;if (thisAd == adImages.length) {thisAd = 0;}document.getElementById("adBanner").src = adImages[thisAd];setTimeout(rotate, 3 * 1000);//設(shè)置時間,本每隔多長時間改變廣告條中的GIF}
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持VeVb武林網(wǎng)。
新聞熱點
疑難解答
