[javascript学习指南]JavaScript脚本类

更新时间:2018-12-04 来源:对联 点击:

【www.easeways.cn--对联】

  //**

  //&作者:哇哇鱼

  //&日期: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();//显示对联广告

  //&

  //**

  functionSmileAdver_Class(){

  varleftImageArray=newArray();//保存左边的广告图片数组

  varrightImageArray=newArray();//保存右边的广告图片数组

  varleftPos,rightPos;//leftPos=左边广告的距左边栏位置(px)rightPos=右边广告的距右边栏位置(px)

  varleftTop,rightTop;//leftTop=左边广告的距顶边栏位置(px)rightTop=右边广告的距顶边栏位置(px)

  varlastScrollY=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){

  varimageArray=getImageArray(href,image,target,title);

  if(imageArray!=null){

  leftImageArray[leftImageArray.length]=imageArray;

  }

  }

  //添加右边的图片广告addRightImage(链接,图片地址,链接目标,图片提示)

  this.addRightImage=function(href,image,target,title){

  varimageArray=getImageArray(href,image,target,title);

  if(imageArray!=null){

  rightImageArray[rightImageArray.length]=imageArray;

  }

  }

  //内部添加广告图片使用,如果没有图片地址,则返回一个null值,否则返回一个数组

  functiongetImageArray(href,image,target,title){

  if(image==undefined){returnnull;}//没有图片地址,不添加

  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="//";+href;

  }

  if(image.toLowerCase().substring(0,4)=="www."){

  image="http://";+image;

  }

  returnnewArray(href,image,target,title);

  }

  //内部显示图片横幅所用showImageDiv(div的名称,div的摆放方向(left,right),div的摆放位置,div层距顶部的位置,显示的图片数组变量)

  functionshowImageDiv(div,pos,posPX,topPx,imageArray){

  varj;

  document.write("");

  for(j=0;j<imageArray.length;j++){

  document.write("");

  if(j!=imageArray.length-1){document.write("

");}

  }

  document.write("");

  }

  //滚动广告对联图片

  this.scroll=function(){

  showImageDiv("smilediv1","left",leftPos,leftTop,leftImageArray);

  showImageDiv("smilediv2","right",rightPos,rightTop,rightImageArray);

  window.setInterval(scrollImage,1);

  }

  //内部使用用来滚动广告图片

  functionscrollImage(){

  vardiffY,percent;

  diffY=document.body.scrollTop;

  percent=.1*(diffY-lastScrollY);

  if(percent>0)percent=Math.ceil(percent);

  elsepercent=Math.floor(percent);

  document.all.smilediv1.style.pixelTop+=percent;

  document.all.smilediv2.style.pixelTop+=percent;

  lastScrollY=lastScrollY+percent;

  }

  }

  ///////////////////////////////////////////类结束////////////////////////////////////////////////////////////////

  /////////类的使用示例代码////////////////////////////////////////////////

  varSmileAdver=newSmileAdver_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();

[[对联广告] JavaScript脚本类]相关文章:

本文来源:http://www.easeways.cn/jiaojiliyi/190372/

为您推荐

学校大门对联精选五篇

对联,又称对偶、门对、春贴、春联、对子、楹联等,是写在纸、布上或刻在竹子、木头、柱子上的对偶语句。下面是小编为大家整理的学校大门对联精选五篇,欢迎大家借鉴与参考,希望对大家有所帮助。

2024-02-21 16:43:05   学校大门对联集锦   学校大门对联精选100副  

乔迁新居对联横批集锦汇编5篇

以下是小编为大家收集的乔迁新居对联横批集锦汇编5篇,仅供参考,欢迎大家阅读。

2023-12-22 02:10:50   入宅横批四个字   乔迁新居对联横批集锦大全  

门楼对联永久对联范文(通用4篇)

以下是小编整理的门楼对联永久对联范文(通用4篇),欢迎阅读与收藏。

2023-12-21 01:30:07   门楼对联永久对联11字   门楼对联永久对联15字  

春节对联欣赏【汇编五篇】

对联,又称对偶、门对、春贴、春联、对子、楹联等,是写在纸、布上或刻在竹子、木头、柱子上的对偶语句。对联对仗工整,平仄协调,是一字一音的汉语独特的艺术形式。对联是中国传统文化瑰宝。以下是小编收集整理的春节对联欣赏【汇编五篇】,仅供参考,希望能够帮助到大家。

2023-12-20 01:27:23   九字春节对联100副欣赏九字2022   九字春节对联100副欣赏九字虎年  

父亲逝世大门对联汇编2篇

春节(SpringFestival),即中国农历新年,俗称新春、新岁、岁旦等,口头上又称过年、过大年。以下是为大家整理的父亲逝世大门对联汇编2篇,欢迎品鉴!

2023-12-14 00:24:44   父亲逝世大门对联十一字挽联   父亲逝世大门对联大全