ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript XML は単純な画像回転を実装します (IE のみをサポート)_JavaScript スキル

JavaScript XML は単純な画像回転を実装します (IE のみをサポート)_JavaScript スキル

WBOY
WBOYオリジナル
2016-05-16 17:45:481130ブラウズ

最近、多くの Web サイトに広告の自動回転機能があることに気づきました。コードと関数は非常に単純で、FF にはいくつかの要素を追加する必要があります。 >

xml ファイル: test.xml

コードをコピー コードは次のとおりです:


//www.163.com
http://www.sina.com.cn ="image/Image00045.jpg" >http://www.sohu.com



HTML


コードをコピーします コードは次のとおりです:

javascript


コードをコピー コードは次のとおりです: <script> </div>//画像回転<div class="codebody" id="code38744">var a = 0; 🎜>var xmlDoc; <br>var image1 = document.getElementById ("image1"); <br>functionloadxml(path) <br>{ <br>xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); xmlDoc.async = false; <br>xmlDoc.load(path ); <br>loadxml("test.xml"); <br>{ <br>var ad = xmlDoc .getElementsByTagName("ad")[0]; <br> if(a == ad.childNodes.length) <br>{ <br>a=0; <br>} <br>var path = ad.childNodes[ a].getAttribute("path"); <br>var url = ad.childNodes[a].text; <br>image1.onclick = function(){window.open(url) );}; <br>a =1; <br> setTimeout("changeImage()",1000); <br></script>
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。