 
<?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

復(fù)制代碼代碼如下:

 
<img id="image1" name="image1" src="image/64_jpg.jpg" style="cursor:hand; width: 110px; height: 103px;"/> 

javascript

復(fù)制代碼代碼如下:

 
<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> 

您可能感興趣的文章:

相關(guān)文章

JS前端認(rèn)證授權(quán)技巧歸納總結(jié)
這篇文章主要為大家介紹了JS前端認(rèn)證授權(quán)技巧歸納總結(jié)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-03-03
JavaScript中的observables?操作符創(chuàng)建實(shí)例
這篇文章主要介紹了JavaScript中的observables?操作符創(chuàng)建實(shí)例的相關(guān)資料，文章介紹詳細(xì)，需要的小伙伴可以參考一下，希望對(duì)你有所幫助
2022-03-03
詳解JavaScript什么情況下不建議使用箭頭函數(shù)
箭頭函數(shù)作為ES6新增的語(yǔ)法，在使用時(shí)不僅能使得代碼更加簡(jiǎn)潔，而且在某些場(chǎng)景避免this指向問(wèn)題。但是箭頭函數(shù)不是萬(wàn)能的，也有自己的缺點(diǎn)以及不適用的場(chǎng)景，本文總結(jié)了JavaScript什么情況下不建議使用箭頭函數(shù)，感興趣的可以了解一下
2022-06-06
用js小類(lèi)庫(kù)獲取瀏覽器的高度和寬度信息
在做項(xiàng)目時(shí)碰到了要在頁(yè)面上顯示一個(gè)浮動(dòng)DIV層的效果。本來(lái)做的是在頁(yè)面居中時(shí)顯示的，但后來(lái)經(jīng)過(guò)自己的測(cè)試發(fā)現(xiàn)，當(dāng)網(wǎng)頁(yè)中出現(xiàn)了滾動(dòng)條之后，那個(gè)浮動(dòng)的DIV卻還是在頁(yè)面的頂部顯示的
2012-01-01
微信小程序自定義波浪組件使用方法詳解
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義波浪組件的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-09-09
JavaScript將DOM事件處理程序封裝為event.js 出現(xiàn)的低級(jí)錯(cuò)誤問(wèn)題
這篇文章主要介紹了JavaScript將DOM事件處理程序封裝為event.js 出現(xiàn)的低級(jí)錯(cuò)誤問(wèn)題做個(gè)筆錄，以防出現(xiàn)類(lèi)似錯(cuò)誤,需要的朋友可以參考下
2016-08-08
微信小程序?qū)崿F(xiàn)左滑修改、刪除功能
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)左滑修改、刪除功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-10-10
JS前端面試必備——基本排序算法原理與實(shí)現(xiàn)方法詳解【插入/選擇/歸并/冒泡/快速排序】
這篇文章主要介紹了JS前端面試基本排序算法原理與實(shí)現(xiàn)方法,結(jié)合實(shí)例形式詳細(xì)分析了JS常見(jiàn)的基本排序算法相關(guān)原理、實(shí)現(xiàn)方法、時(shí)間復(fù)雜度及操作注意事項(xiàng),需要的朋友可以參考下
2020-02-02
JSONP解決同源策略限制引起跨域問(wèn)題原理
這篇文章主要為大家介紹了JSONP解決同源策略限制引起跨域問(wèn)題原理解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
2023-08-08
bootstrap3 dialog 更強(qiáng)大、更靈活的模態(tài)框
這篇文章主要介紹了bootstrap3 dialog 更強(qiáng)大、更靈活的模態(tài)框,本文通過(guò)效果展示實(shí)例代碼詳解，需要的朋友可以參考下
2017-04-04