自己寫的對聯JS代碼

來源:互聯網
上載者:User
function CCouplet(pDivName,pImgUrl,pWidth,pHeigth,pInterval,pActionUrl,pAction,pIsClickAction,pIsLeft,pXOffset,pYOffset){
 this.DivName=pDivName;
 this.ImgUrl=pImgUrl.toLowerCase();
 this.Width=pWidth;
 this.Heigth=pHeigth;
 this.Interval=pInterval;
 this.Action=pAction;
 this.ActionUrl=pActionUrl;
 this.IsClickAction=pIsClickAction;
 this.IsLeft=pIsLeft;
 this.XOffset=pXOffset;
 this.YOffset=pYOffset;
 var othis=this;
 var x=0,y=0;
 if(this.IsLeft==true){
  x=this.XOffset;
 }else{
  x=document.body.scrollWidth - this.XOffset - this.Width;
 }
 y=this.YOffset;
 var timehandler;
 var imgurlsrc=this.ImgUrl;
 if(imgurlsrc.substring(imgurlsrc.length - 4)==".swf"){
  if(this.IsClickAction==true){
   document.getElementById(this.DivName).innerHTML="<a href=\""+this.ActionUrl+"\" onclick=\""+this.Action+"\" target=_blank><object classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0\" width=\""+this.Width+"\" height=\""+this.Heigth+"\"> <param name=movie value=\""+this.ImgUrl+"\"> <param name=quality value=high> <param name=\"wmode\" value=\"transparent\"></object></a>";
  }else{
   document.getElementById(this.DivName).innerHTML="<a href=\""+this.ActionUrl+"\" target=_blank><object classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0\" width=\""+this.Width+"\" height=\""+this.Heigth+"\"> <param name=movie value=\""+this.ImgUrl+"\"> <param name=quality value=high> <param name=\"wmode\" value=\"transparent\"></object></a>";
  }
 }else{
  if(this.IsClickAction==true){
   document.getElementById(this.DivName).innerHTML="<a href=\""+this.ActionUrl+"\" onclick=\""+this.Action+"\" target=_blank><img src=\""+this.ImgUrl+"\" width="+this.Width+" height="+this.Heigth+"></img></a>";
  }else{
   document.getElementById(this.DivName).innerHTML="<a href=\""+this.ActionUrl+"\" target=_blank><img src=\""+this.ImgUrl+"\" width="+this.Width+" height="+this.Heigth+"></img></a>";
  }
 }
 this.Move=function(){
  y=document.body.scrollTop + this.YOffset;
  document.getElementById(this.DivName).style.zIndex=10;
  document.getElementById(this.DivName).style.position="absolute";
  document.getElementById(this.DivName).style.left=x;
  document.getElementById(this.DivName).style.top=y;
  document.getElementById(this.DivName).style.width=this.Width;
  document.getElementById(this.DivName).style.height=this.Heigth;
 }
 this.Start=function(){
  timehandler=window.setInterval(function(){othis.Move();},this.Interval);
 }
 this.Stop=function(){
  window.clearInterval(timehandler);
 }
 document.getElementById(this.DivName).onmouseover=function(){othis.Stop();};
 document.getElementById(this.DivName).onmouseout=function(){othis.Start();};
 if(this.IsClickAction==false){
  window.setTimeout(this.Action,1);
 }
 othis.Start();
}
---------------------------------------------
使用時只需要 var c=new CCouplet(pDivName,pImgUrl,pWidth,pHeigth,pInterval,pActionUrl,pAction,pIsClickAction,pIsLeft,pXOffset,pYOffset);即可
pDivName:=div名稱,對聯需要附著於一個div
pImgUrl:=對聯對應的圖片url,可以是圖片也可以是swf
pWidth,pHeigth:=對聯尺寸
pInterval:=對聯移動處理時間間隔(毫秒),設為500好了
pActionUrl:=點擊對聯時的彈出的連結,可以為"",對於圖片可以,對於swf需要swf自己處理了
pIsClickAction:=是否在點擊對聯時執行 pAction 中的代碼(應該為js的function名稱),true表示點擊時執行,false,則為展現飄窗時執行
pAction:=點擊飄窗時需要做的動作,對應js的function名稱,可以為""
pIsLeft:=true表示做對聯 false表示右對聯
pXOffset:=對聯距離左邊界(pIsLeft=true)或者右邊界(pIsLeft=false)的x軸相對距離(像素)
pYOffset:=對聯距離瀏覽器頂部的y軸相對距離(像素)

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.