站长论坛

标题: 新浪网的横向不间断滚动广告 [打印本页]

---

作者: superadmin    时间: 2007-10-5 22:41
标题: 新浪网的横向不间断滚动广告
<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+" ")
                        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+" ")
                        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>

---

欢迎光临 站长论坛 (http://www.tzlink.com/bbs/)

Powered by Discuz! X3.2