论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > javascript教程教程
Tag:验证,特效,入门,实例,验证,表单,特效,正则表达式,跑马灯,document,函数,代码,getElementByID,菜单,图片,视频教程

IE和FireFox下javascript读写XML实现广告轮换

文章类别:javascript教程 | 发表日期:2008-10-5 17:47:11

最近更新网站首页广告,ASP.NET的广告控件很容易实现这点,可首页是静态页面,联想广告控件的原理决定采用javascript+xml实现这点方面配置,更新广告时只要更新xml即可,方便了广告轮换
xml结构如下
<ad>
<tupian>http://www.seehaha.com/images/060901-150.100.2.gif</tupian>
<tupian>http://www.seehaha.com/xml/061009-300.100.jpg</tupian>
<dizhi>http://www.seehaha.com/plan/</dizhi>
<dizhi>http://www.seehaha.com/va.htm</dizhi>
</ad>
==

// JScript 文件        var  Now  =  new  Date();          var  Min  =  Now.getSeconds();        var  i;        if((Min % 2) == 1)//读取秒数,根据奇偶随机轮换,当然也可以改变此处算法增加xml节点数  {  i = 1;  }  else  {  i = 0;  }var url = "xml/ads.xml";String.prototype.Trim = function() { return this.replace(/(^\s*)|(\s*$)/g, ""); }var xmlDoc;//判断是否为Firefox或IE var moz = (typeof document.implementation != 'undefined')   && (typeof document.implementation.createDocument != 'undefined'); var ie = (typeof window.ActiveXObject != 'undefined');function importXML(file) { if (moz)  {   xmlDoc = document.implementation.createDocument("", "doc", null);//创建FIREFOX下XML文档对象 }  else if (ie)  {   xmlDoc = new ActiveXObject("MSXML2.DOMDocument.3.0");   xmlDoc.async = false;   while( xmlDoc.readyState != 4) {};//创建IE下XML文档对象 }  xmlDoc.load(file);}importXML(url);//载入xmlfunction updatetupiandizhi(){if (moz) { var ad = xmlDoc.getElementsByTagName("ad")[0]; var tupian;    var _tupian = ad.getElementsByTagName("tupian")[i].firstChild.nodeValue;      if (_tupian)   tupian = _tupian.Trim();     //得到tupian,dizhi节点下的值     var dizhi;     var _dizhi=ad.getElementsByTagName("dizhi")[i].firstChild.nodeValue;     if(_dizhi) dizhi = _dizhi.Trim();      document.getElementById('tupian').href = tupian;      document.getElementById('dizhi').src = dizhi;   //实现轮换     } else if (ie) {var src = xmlDoc.documentElement.selectNodes("tupian");var href = xmlDoc.documentElement.selectNodes("dizhi");/得到tupian,dizhi节点下的值document.getElementById("dizhi").href = href(i).text;document.getElementById("tupian").src = src(i).text;   //实现轮换 }}

视频教程列表
文章教程搜索
 
Javascript推荐教程
Javascript热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058