asfman
android developer
posts - 90,  comments - 213,  trackbacks - 0

总是见到有人问关于横向不间断滚动广告的代码,正好在新浪看到的,整理了一下,感觉还不错,兼容NS,需要的看看吧:

<script language="JavaScript">
imgArr=new Array()
imgArr[0]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://image0.sina.com.cn/images/bizsite/promote/l/lisababy6617.gif border=0></a>"
imgArr[1]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://image0.sina.com.cn/images/bizsite/promote/t/testool4434.gif border=0></a>"
imgArr[2]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://image0.sina.com.cn/images/bizsite/promote/s/sxyuda6549.gif border=0></a>"
imgArr[3]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://image0.sina.com.cn/images/bizsite/promote/q/qeji4041.gif border=0></a>"
imgArr[4]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://image0.sina.com.cn/images/bizsite/promote/i/ieasytraining3984.gif border=0></a>"
imgArr[5]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://image0.sina.com.cn/images/bizsite/promote/t/trainings1442.gif border=0></a>"
imgArr[6]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://image0.sina.com.cn/images/bizsite/promote/r/renhebj002indexasp2486.gif border=0></a>"
imgArr[7]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://image0.sina.com.cn/images/bizsite/promote/e/efeedlink6085.gif border=0></a>"
imgArr[8]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://image0.sina.com.cn/images/bizsite/promote/k/kaixingou5811.gif border=0></a>"
imgArr[9]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://image0.sina.com.cn/images/bizsite/promote/h/9happyindex8htm5912.gif border=0></a>"
imgArr[10]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://image0.sina.com.cn/images/bizsite/promote/c/chinaroom6034.gif border=0></a>"
var moveStep=4  //步长,单位:pixel
var moveRelax=100 //移动时间间隔,单位:ms

ns4=(document.layers)?true:false

var displayImgAmount=4 //视区窗口可显示个数
var divWidth=125 //每块图片占位宽
var divHeight=60 //每块图片占位高

var startDnum=0
var nextDnum=startDnum+displayImgAmount
var timeID
var outHover=false

var startDivClipLeft
var nextDivClipRight

function initDivPlace(){
 if (ns4){
  for (i=0;i<displayImgAmount;i++){
   eval("document.divOuter.document.divAds"+i+".left="+divWidth*i)
  }
  for (i=displayImgAmount;i<imgArr.length;i++){
   eval("document.divOuter.document.divAds"+i+".left="+divWidth*displayImgAmount)
  }
 }else{
  for (i=0;i<displayImgAmount;i++){
   eval("document.all.divAds"+i+".style.left="+divWidth*i)
  }
  for (i=displayImgAmount;i<imgArr.length;i++){
   eval("document.all.divAds"+i+".style.left="+divWidth*displayImgAmount)
  }
 }
}

function mvStart(){
 timeID=setTimeout(moveLeftDiv,moveRelax)
}

function mvStop(){
 clearTimeout(timeID)
}

function moveLeftDiv(){
 if (ns4){
  for (i=0;i<=displayImgAmount;i++){
   eval("document.divOuter.document.divAds"+parseInt((startDnum+i)%imgArr.length)+".left=document.divOuter.document.divAds"+parseInt((startDnum+i)%imgArr.length)+".left-moveStep")
  }

  startDivClipLeft=parseInt(eval("document.divOuter.document.divAds"+startDnum+".clip.left"))
  nextDivClipRight=parseInt(eval("document.divOuter.document.divAds"+nextDnum+".clip.right"))

  if (startDivClipLeft+moveStep>divWidth){
   eval("document.divOuter.document.divAds"+nextDnum+".clip.right="+divWidth)
   
   eval("document.divOuter.document.divAds"+startDnum+".left="+divWidth*displayImgAmount)
   eval("document.divOuter.document.divAds"+parseInt((nextDnum+1)%imgArr.length)+".left=document.divOuter.document.divAds"+nextDnum+".left+"+divWidth)
   eval("document.divOuter.document.divAds"+parseInt((nextDnum+1)%imgArr.length)+".clip.left=0")
   
   
   startDnum=(++startDnum)%imgArr.length
   nextDnum=(startDnum+displayImgAmount)%imgArr.length
   
   startDivClipLeft=moveStep-(divWidth-startDivClipLeft)
   nextDivClipRight=moveStep-(divWidth-nextDivClipRight)
  }else{
   eval("document.divOuter.document.divAds"+nextDnum+".clip.left=0")
   startDivClipLeft+=moveStep
   nextDivClipRight+=moveStep
  }
  eval("document.divOuter.document.divAds"+startDnum+".clip.left="+startDivClipLeft)
  eval("document.divOuter.document.divAds"+nextDnum+".clip.right="+nextDivClipRight)
 }else{
  for (i=0;i<=displayImgAmount;i++){
   eval("document.all.divAds"+parseInt((startDnum+i)%imgArr.length)+".style.left=document.all.divAds"+parseInt((startDnum+i)%imgArr.length)+".style.pixelLeft-moveStep")
  }
 
  startDivClipLeft=parseInt(eval("document.all.divAds"+startDnum+".currentStyle.clipLeft"))
  nextDivClipRight=parseInt(eval("document.all.divAds"+nextDnum+".currentStyle.clipRight"))
 
  if (startDivClipLeft+moveStep>divWidth){
   eval("document.all.divAds"+nextDnum+".style.clip='rect(0,"+divWidth+","+divHeight+",0"+")'")
   
   eval("document.all.divAds"+startDnum+".style.left="+divWidth*displayImgAmount)
   eval("document.all.divAds"+parseInt((nextDnum+1)%imgArr.length)+".style.left=document.all.divAds"+nextDnum+".style.pixelLeft+"+divWidth)
   
   startDnum=(++startDnum)%imgArr.length
   nextDnum=(startDnum+displayImgAmount)%imgArr.length
   
   startDivClipLeft=moveStep-(divWidth-startDivClipLeft)
   nextDivClipRight=moveStep-(divWidth-nextDivClipRight)
  }else{
   startDivClipLeft+=moveStep
   nextDivClipRight+=moveStep
  }
  eval("document.all.divAds"+startDnum+".style.clip='rect(0,"+divWidth+","+divHeight+","+startDivClipLeft+")'")
  eval("document.all.divAds"+nextDnum+".style.clip='rect(0,"+nextDivClipRight+","+divHeight+",0)'")
 }

 if (outHover){
  mvStop()
 }else{
  mvStart()
 }
 
 
}

function writeDivs(){
 if (ns4){
  document.write("<ilayer name=divOuter width=750 height="+divHeight+">")
  
  for (i=0;i<imgArr.length;i++){
   document.write("<layer name=divAds"+i+">")
   document.write(imgArr[i]+" ")
   document.write("</layer>")
  }
  document.write("</ilayer>")
  document.close()
  for (i=displayImgAmount;i<imgArr.length;i++){
   eval("document.divOuter.document.divAds"+i+".clip.right=0")
  }
 }else{
  document.write("<div id=divOuter style='position:relative' width=750 height="+divHeight+">")
  
  for (i=0;i<imgArr.length;i++){
   document.write("<div id=divAds"+i+" style='position:absolute;clip:rect(0,"+divWidth+","+divHeight+",0)'>")
   document.write(imgArr[i]+" ")
   document.write("</div>")
  }
  document.write("</div>")
  for (i=displayImgAmount;i<imgArr.length;i++){
   eval("document.all.divAds"+i+".style.clip='rect(0,0,"+divHeight+",0)'")
  }
 }
}
</script>
<BODY onload=javascript:mvStart()>
<SCRIPT language=JavaScript>writeDivs();initDivPlace();</SCRIPT>

我都不知道怎么说好

图片标签:
<img src="...">
Flash标签:
<embed src="....swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="..." height="..."></embed>
搞个垂直的。可惜没有头接尾的功能
<marquee scrollamount=1 scrolldelay=30 direction= up onMouseOut=this.start(); onMouseOver=this.stop(); width=152 height=200 >
<img src=http://image0.sina.com.cn/images/bizsite/promote/l/lisababy6617.gif><br>
<img src=http://image0.sina.com.cn/images/bizsite/promote/t/testool4434.gif><br>
<img src=http://image0.sina.com.cn/images/bizsite/promote/s/sxyuda6549.gif><br>
<img src=http://image0.sina.com.cn/images/bizsite/promote/q/qeji4041.gif><br>
<img src=http://image0.sina.com.cn/images/bizsite/promote/i/ieasytraining3984.gif><br>
<img src=http://image0.sina.com.cn/images/bizsite/promote/t/trainings1442.gif><br>
</marquee>

posted on 2006-03-18 13:46 汪杰 阅读(202) 评论(0)  编辑 收藏 引用
只有注册用户登录后才能发表评论。

<2006年3月>
2627281234
567891011
12131415161718
19202122232425
2627282930311
2345678

常用链接

留言簿(15)

随笔分类(1)

随笔档案(90)

文章分类(727)

文章档案(712)

相册

收藏夹

http://blog.csdn.net/prodigynonsense

友情链接

最新随笔

搜索

  •  

积分与排名

  • 积分 - 457960
  • 排名 - 6

最新随笔

最新评论

阅读排行榜

评论排行榜