(原创)[对联广告] JS脚本类

好久没有来更新BLOG啦,这段时间都在忙着.NET平台的程序编写..ASP都没有接触啦....今天更新一下BLOG吧..今天也是2004年最后一天.当是一份礼物吧

今天因一个页面需要放对联广告.于是产生了写一个脚本类的想法(老习惯,总想把什么东西都封装在类里.呵)
还是不在说什么啦.要看的东西都在代码里(注释也加了很多)示例代码也一并送上...

//**************************************************************************************** //& 作者: 哇哇鱼 //& 日期: 2004年12月31日 //& 网站: http://www.13smile.com/ //& Blog: http://blog.csdn.net/bpfish //& 名称: [对联广告] JS脚本类 //& 作用: 显示页面的对联广告 //& 方法: //& SmileAdver.setLeftPos(10);          //设置左边对联的距页面左边的位置(PX) //& SmileAdver.setLeftTop(150);         //设置左边对联的距页面顶部的位置(PX) //& SmileAdver.setRightPos(10);         //设置右边对联的距页面右边的位置(PX) //& SmileAdver.setRightTop(150);        //设置右边对联的距页面顶部的位置(PX) //& SmileAdver.addLeftImage(链接,图片地址,链接目标,图片提示);      //添加左边对联广告的图片 //& SmileAdver.addRightImage(链接,图片地址,链接目标,图片提示);      //添加右边对联广告的图片 //& SmileAdver.scroll();                //显示对联广告 //& //**************************************************************************************** function SmileAdver_Class(){  var leftImageArray = new Array();   //保存左边的广告图片数组  var rightImageArray = new Array();  //保存右边的广告图片数组  var leftPos,rightPos;               //leftPos = 左边广告的距左边栏位置(px)    rightPos = 右边广告的距右边栏位置(px)  var leftTop,rightTop;               //leftTop = 左边广告的距顶边栏位置(px)    rightTop = 右边广告的距顶边栏位置(px)  var lastScrollY=0;    leftPos = rightPos = 10;            //默认为10  leftTop = rightTop = 150;           //默认为150  this.setLeftPos = function(value){   if(isNaN(value)){value = 10;}   //非数字则默认为10   leftPos = value;  }  this.setRightPos = function(value){   if(isNaN(value)){value = 10;}   //非数字则默认为10   rightPos = value;  }  this.setLeftTop = function(value){   if(isNaN(value)){value = 150;}   //非数字则默认为150   leftTop = value;  }  this.setRightTop = function(value){   if(isNaN(value)){value = 150;}   //非数字则默认为150   rightTop = value;  }  //添加左边的图片广告 addLeftImage(链接,图片地址,链接目标,图片提示)  this.addLeftImage = function(href,image,target,title){   var imageArray = getImageArray(href,image,target,title);   if(imageArray != null){      leftImageArray[leftImageArray.length] = imageArray;   }  }  //添加右边的图片广告 addRightImage(链接,图片地址,链接目标,图片提示)  this.addRightImage = function(href,image,target,title){   var imageArray = getImageArray(href,image,target,title);   if(imageArray != null){      rightImageArray[rightImageArray.length] = imageArray;   }  }  //内部添加广告图片使用,如果没有图片地址,则返回一个null值,否则返回一个数组  function getImageArray(href,image,target,title){   if(image == undefined){return null;}                 //没有图片地址,不添加   if(target == undefined || target == ""){target = "_blank"};     //默认为_blank打开方式   target = " target=/"" + target + "/"";   if(title == undefined){                         //广告图片title提示    title = "" ;   }else{    title = " title=/"" + title + "/"";   }   //链接以www.开头则自动加上http://  (否则链接时会链接错误)   if(href.toLowerCase().substring(0,4) == "www."){     href = "http://" + href;   }   if(image.toLowerCase().substring(0,4) == "www."){     image = "http://" + image;   }   return new Array(href,image,target,title);  }  //内部显示图片横幅所用 showImageDiv(div的名称,div的摆放方向(left,right),div的摆放位置,div层距顶部的位置,显示的图片数组变量)  function showImageDiv(div,pos,posPX,topPx,imageArray){   var i;   document.write("<div id=/"" + div + "/" style=/"" + pos + ":" + posPX + "px;POSITION:absolute;TOP:" + topPx + "px;/">");   for(i=0; i< imageArray.length; i++){      document.write("<a href=/"" + imageArray[i][0] + "/" "+ imageArray[i][2]+ imageArray[i][3] + "><img src=/""+ imageArray[i][1] + "/" border=/"0/" "+ imageArray[i][3] + "></a>");      if(i != imageArray.length-1){document.write("<table border=/"0/" cellpadding=/"0/" cellspacing=/"0/"><tr><td height=10></td></tr></table>");}   }   document.write("</div>");  }  //滚动广告对联图片  this.scroll = function(){   showImageDiv("smilediv1","left",leftPos,leftTop,leftImageArray);   showImageDiv("smilediv2","right",rightPos,rightTop,rightImageArray);   window.setInterval(scrollImage,1);  }  //内部使用用来滚动广告图片  function scrollImage(){   var diffY,percent;   diffY=document.body.scrollTop;   percent=.1*(diffY-lastScrollY);   if(percent>0)percent=Math.ceil(percent);   else percent=Math.floor(percent);   document.all.smilediv1.style.pixelTop+=percent;   document.all.smilediv2.style.pixelTop+=percent;      lastScrollY=lastScrollY+percent;  } } ///类结束       /类的使用示例代码 var SmileAdver = new SmileAdver_Class(); SmileAdver.setLeftPos(10); SmileAdver.setRightPos(10); SmileAdver.setLeftTop(150); SmileAdver.setRightTop(150); SmileAdver.addLeftImage("http://www.138tips.com/","http://www.88ball.com/images/138tips.gif","","asdfasdf"); SmileAdver.addLeftImage("http://www.138tips.com/","http://www.88ball.com/images/138tips.gif"); SmileAdver.addLeftImage("http://www.138tips.com/","http://www.88ball.com/images/138tips.gif"); SmileAdver.addRightImage("http://www.138tips.com/","http://www.88ball.com/images/138tips.gif"); SmileAdver.addRightImage("http://www.138tips.com/","http://www.88ball.com/images/138tips.gif"); SmileAdver.addRightImage("http://www.138tips.com/","http://www.88ball.com/images/138tips.gif"); SmileAdver.scroll();