新浪网的横向不间断滚动广告-ASP教程,ASP应用

<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>