返回列表 回复 发帖
cnangel

管理员

Rank: 9Rank: 9Rank: 9

UID
1 
威望
1237 点 
金钱
10002 金币 
点卡
315 点 
1#
打印
tT
发表于 2004-8-1 15:09 | 只看该作者
所需阅读权限 1

[分享]横向不间断滚动广告

  1. <script language="JavaScript">
  2. imgArr=new Array()
  3. imgArr[0]="<a href=&#35; 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>"
  4. imgArr[1]="<a href=&#35; 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>"
  5. imgArr[2]="<a href=&#35; 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>"
  6. imgArr[3]="<a href=&#35; 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>"
  7. imgArr[4]="<a href=&#35; 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>"
  8. imgArr[5]="<a href=&#35; 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>"
  9. imgArr[6]="<a href=&#35; 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>"
  10. imgArr[7]="<a href=&#35; 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>"
  11. imgArr[8]="<a href=&#35; 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>"
  12. imgArr[9]="<a href=&#35; 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>"
  13. imgArr[10]="<a href=&#35; 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>"
  14. var moveStep=4        //步长，单位：pixel
  15. var moveRelax=100    //移动时间间隔，单位：ms
  16. ns4=(document.layers)?true:false
  17. var displayImgAmount=4    //视区窗口可显示个数
  18. var divWidth=125    //每块图片占位宽
  19. var divHeight=60    //每块图片占位高
  20. var startDnum=0
  21. var nextDnum=startDnum+displayImgAmount
  22. var timeID
  23. var outHover=false
  24. var startDivClipLeft
  25. var nextDivClipRight
  26. function initDivPlace(){
  27.     if (ns4){
  28.         for (i=0;i<displayImgAmount;i++){
  29.             eval("document.divOuter.document.divAds"+i+".left="+divWidth*i)
  30.         }
  31.         for (i=displayImgAmount;i<imgArr.length;i++){
  32.             eval("document.divOuter.document.divAds"+i+".left="+divWidth*displayImgAmount)
  33.         }
  34.     }else{
  35.         for (i=0;i<displayImgAmount;i++){
  36.             eval("document.all.divAds"+i+".style.left="+divWidth*i)
  37.         }
  38.         for (i=displayImgAmount;i<imgArr.length;i++){
  39.             eval("document.all.divAds"+i+".style.left="+divWidth*displayImgAmount)
  40.         }
  41.     }
  42. }
  43. function mvStart(){
  44.     timeID=setTimeout(moveLeftDiv,moveRelax)
  45. }
  46. function mvStop(){
  47.     clearTimeout(timeID)
  48. }
  49. function moveLeftDiv(){
  50.     if (ns4){
  51.         for (i=0;i<=displayImgAmount;i++){
  52.             eval("document.divOuter.document.divAds"+parseInt((startDnum+i)%imgArr.length)+".left=document.divOuter.document.divAds"+parseInt((startDnum+i)%imgArr.length)+".left-moveStep")
  53.         }
  54.         startDivClipLeft=parseInt(eval("document.divOuter.document.divAds"+startDnum+".clip.left"))
  55.         nextDivClipRight=parseInt(eval("document.divOuter.document.divAds"+nextDnum+".clip.right"))
  56.         if (startDivClipLeft+moveStep>divWidth){
  57.             eval("document.divOuter.document.divAds"+nextDnum+".clip.right="+divWidth)
  58.             
  59.             eval("document.divOuter.document.divAds"+startDnum+".left="+divWidth*displayImgAmount)
  60.             eval("document.divOuter.document.divAds"+parseInt((nextDnum+1)%imgArr.length)+".left=document.divOuter.document.divAds"+nextDnum+".left+"+divWidth)
  61.             eval("document.divOuter.document.divAds"+parseInt((nextDnum+1)%imgArr.length)+".clip.left=0")
  62.             
  63.             
  64.             startDnum=(++startDnum)%imgArr.length
  65.             nextDnum=(startDnum+displayImgAmount)%imgArr.length
  66.             
  67.             startDivClipLeft=moveStep-(divWidth-startDivClipLeft)
  68.             nextDivClipRight=moveStep-(divWidth-nextDivClipRight)
  69.         }else{
  70.             eval("document.divOuter.document.divAds"+nextDnum+".clip.left=0")
  71.             startDivClipLeft+=moveStep
  72.             nextDivClipRight+=moveStep
  73.         }
  74.         eval("document.divOuter.document.divAds"+startDnum+".clip.left="+startDivClipLeft)
  75.         eval("document.divOuter.document.divAds"+nextDnum+".clip.right="+nextDivClipRight)
  76.     }else{
  77.         for (i=0;i<=displayImgAmount;i++){
  78.             eval("document.all.divAds"+parseInt((startDnum+i)%imgArr.length)+".style.left=document.all.divAds"+parseInt((startDnum+i)%imgArr.length)+".style.pixelLeft-moveStep")
  79.         }
  80.    
  81.         startDivClipLeft=parseInt(eval("document.all.divAds"+startDnum+".currentStyle.clipLeft"))
  82.         nextDivClipRight=parseInt(eval("document.all.divAds"+nextDnum+".currentStyle.clipRight"))
  83.    
  84.         if (startDivClipLeft+moveStep>divWidth){
  85.             eval("document.all.divAds"+nextDnum+".style.clip=';rect(0,"+divWidth+","+divHeight+",0"+")';")
  86.             
  87.             eval("document.all.divAds"+startDnum+".style.left="+divWidth*displayImgAmount)
  88.             eval("document.all.divAds"+parseInt((nextDnum+1)%imgArr.length)+".style.left=document.all.divAds"+nextDnum+".style.pixelLeft+"+divWidth)
  89.             
  90.             startDnum=(++startDnum)%imgArr.length
  91.             nextDnum=(startDnum+displayImgAmount)%imgArr.length
  92.             
  93.             startDivClipLeft=moveStep-(divWidth-startDivClipLeft)
  94.             nextDivClipRight=moveStep-(divWidth-nextDivClipRight)
  95.         }else{
  96.             startDivClipLeft+=moveStep
  97.             nextDivClipRight+=moveStep
  98.         }
  99.         eval("document.all.divAds"+startDnum+".style.clip=';rect(0,"+divWidth+","+divHeight+","+startDivClipLeft+")';")
  100.         eval("document.all.divAds"+nextDnum+".style.clip=';rect(0,"+nextDivClipRight+","+divHeight+",0)';")
  101.     }
  102.     if (outHover){
  103.         mvStop()
  104.     }else{
  105.         mvStart()
  106.     }
  107.    
  108.    
  109. }
  110. function writeDivs(){
  111.     if (ns4){
  112.         document.write("<ilayer name=divOuter width=750 height="+divHeight+">")
  113.         
  114.         for (i=0;i<imgArr.length;i++){
  115.             document.write("<layer name=divAds"+i+">")
  116.             document.write(imgArr[i]+" ")
  117.             document.write("</layer>")
  118.         }
  119.         document.write("</ilayer>")
  120.         document.close()
  121.         for (i=displayImgAmount;i<imgArr.length;i++){
  122.             eval("document.divOuter.document.divAds"+i+".clip.right=0")
  123.         }
  124.     }else{
  125.         document.write("<div id=divOuter style=';position:relative'; width=750 height="+divHeight+">")
  126.         
  127.         for (i=0;i<imgArr.length;i++){
  128.             document.write("<div id=divAds"+i+" style=';position:absolute;clip:rect(0,"+divWidth+","+divHeight+",0)';>")
  129.             document.write(imgArr[i]+" ")
  130.             document.write("</div>")
  131.         }
  132.         document.write("</div>")
  133.         for (i=displayImgAmount;i<imgArr.length;i++){
  134.             eval("document.all.divAds"+i+".style.clip=';rect(0,0,"+divHeight+",0)';")
  135.         }
  136.     }
  137. }
  138. </script>
  139. <BODY onload=javascript:mvStart()>
  140. <SCRIPT language=JavaScript>writeDivs();initDivPlace();</SCRIPT>
复制代码
收藏 分享 评分

                     我是一个呼吸着现在的空气而生活在过去的人
               这样的注定孤独，孤独的身处闹市却犹如置身于荒漠
                                     我已习惯了孤独，爱上孤独
                                 他让我看清了自我，还原了自我
                             让我再静静的沉思中得到快乐和满足
                                   再孤独的世界里我一遍又一遍
                                   不厌其烦的改写着自己的过去
                                             延伸到现在与未来
                                       然而那只是泡沫般的美梦
                                 产生的时刻又伴随着破灭的到来
                         在灰飞烟灭的瞬间我看到的是过程的美丽
                                      而不是结果的悲哀。。。
回复 引用

订阅 TOP

返回列表