javascript 读取xml文件进行广告播放

来源:互联网 发布:爱知电机 编辑:程序博客网 时间:2024/06/08 03:00

hxml文件

<?xml version="1.0" encoding="utf-8" ?>
<banerADs>
 <banerAD>
  <bannerImage>images/dvd.jpg</bannerImage>
  <bannerADlink>http://www.sina.com</bannerADlink>
  <bannerADtitle>新浪网</bannerADtitle>
 </banerAD>
  <banerAD>
  <bannerImage>images/gdpic.jpg</bannerImage>
  <bannerADlink>http://www.qq.com</bannerADlink>
  <bannerADtitle>腾讯</bannerADtitle>
 </banerAD>
</banerADs>

html文件

<table width="326" height="232" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
              <td width="326" height="230" align="center" valign="middle" bgcolor="#FFFFFF">
             
              <img id="bannerADrotator" name="bannerADrotator"  onmouseover="displayStatusMsg(); return document.returnValue"
          style="FILTER: revealTrans(duration=2,transition=20); CURSOR: hand" src="images/gdpic.jpg" onclick="javascript:jump2url();"  alt="焦点新闻标题显示" width="326" height="230" border="0">
          
          </td>
            </tr>
          </table>
           
<table width="320" border="0" cellpadding="0" cellspacing="0">
 
 <tr>
   <td width="17">&nbsp;<img src="images/arrow4.gif" width="9" height="9"></td>
   <td width="303" height="17" align="left" valign="middle">
   <span  id="url" name="url"><b></b></span></td>
 </tr>
 </table>

 

javascript文件

<script language=javascript> 

 var xmlDoc = new ActiveXObject("Msxml2.DOMDocument");
 var xmlFile = window.location.href ;
 xmlFile = xmlFile.substring(0,xmlFile.lastIndexOf("/")+1) + "Config/BannerAD.xml"; //获取xml文件路径
 xmlDoc.async=false;
 xmlDoc.load(xmlFile);  //load xml文件使用xmlDoc.load方法,load xml字符串使用xmlDoc.loadXML方法
 

 node = xmlDoc.selectNodes("//banerADs/banerAD");  //查找 <banerADs><bannerAD>
 var adNum = node.length;
 
var bannerAD = new Array();
var bannerADlink = new Array();
var bannerADtitle = new Array();
 
 for (i=0;i<adNum;i++)
 {
 bannerAD[i] =  node[i].childNodes[0].text;
 bannerADlink[i] = node[i].childNodes[1].text;
 bannerADtitle[i] = node[i].childNodes[2].text;
 } 
 var preloadedimages = new Array();
 for (i=1;i<bannerAD.length;i++)
 {
  preloadedimages[i]=new Image();
  preloadedimages[i].src=bannerAD[i];
 }

 function setTransition()
 {
  if (document.all)
  {
   
   document.all("bannerADrotator").filters.revealTrans.Transition=Math.floor(Math.random()*23);
   document.all("bannerADrotator").filters.revealTrans.apply();
  }
 }

 function playTransition()
 {
  if (document.all)
  document.all("bannerADrotator").filters.revealTrans.play()
 }

 function nextAd()
 {
  if (adNum<bannerAD.length-1)
   adNum++ ;
  else
   adNum=0;
  setTransition();
  document.all("bannerADrotator").src=bannerAD[adNum]; 

  document.all("bannerADrotator").alt=bannerADtitle[adNum]; 
  url.innerHTML = "<a href="+bannerADlink[adNum]+" target=_blank><font color='#000000'>"+bannerADtitle[adNum]+"</font></a>";

  playTransition();
  theTimer=setTimeout("nextAd()", 5000);
 }

 function jump2url()
 {
  window.open(bannerADlink[adNum]);

 }
 
 function displayStatusMsg()
 {
  status=bannerADlink[adNum];
  document.returnValue = true;
 }
 
 nextAd();

    
</script>

原创粉丝点击