橫向不間斷的連續滾動圖片/文字廣告

[ 發布者：未知┊來源：網頁特效觀止┊時間：2008-03-29┊瀏覽：

人次 ]

可自行設置顯示比例

橫向不間斷的連續滾動圖片/文字廣告-網頁特效觀止-網頁特效代碼|JsCode.CN|

imgArr=new Array()

imgArr[0]=""

imgArr[1]=""

imgArr[2]=""

imgArr[3]=""

imgArr[4]=""

imgArr[5]=""

imgArr[6]=""

imgArr[7]=""

imgArr[8]=""

imgArr[9]=""

imgArr[10]=""

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

eval("document.divOuter.document.divAds"+i+".left="+divWidth*i)

}

for (i=displayImgAmount;i

eval("document.divOuter.document.divAds"+i+".left="+divWidth*displayImgAmount)

}

}else{

for (i=0;i

eval("document.all.divAds"+i+".style.left="+divWidth*i)

}

for (i=displayImgAmount;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("")

for (i=0;i

document.write("")

document.write(imgArr[i]+" ")

document.write("")

}

document.write("")

document.close()

for (i=displayImgAmount;i

eval("document.divOuter.document.divAds"+i+".clip.right=0")

}

}else{

document.write("

")

for (i=0;i

document.write("

")

document.write(imgArr[i]+" ")

document.write("

")

}

document.write("

")

for (i=displayImgAmount;i

eval("document.all.divAds"+i+".style.clip='rect(0,0,"+divHeight+",0)'")

}

}

}

本類相關信息

圖片播放器

手動圖片播放效果

特殊的(破碎式)圖片顯示效果

顯示上傳圖像的大小

總結

以上是生活随笔為你收集整理的横图图片广告代码html,横向不间断的连续滚动图片/文字广告的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。