60度 Eadren 网络 >> 设计教程 >> 网页制作 >> Html·Css·特效 >> 特效 >> 页面特效类 >> 正文[打印] [收藏]

图片滚动显示，每次图片指向连接都不同，作为友情连接非常实用

作者：生鱼片文章来源：互联网点击数：更新时间：2006-4-10 22:49:29

演示区

脚本说明：

将下面的代码加在<head></head>之间

将下面的代码加在<body></body>之间

<!--

var scrollerwidth=88

var scrollerheight=31

var scrollerbgcolor='white'

//每个图间暂停3秒。

var pausebetweenimages=3000

//边界下面的行，如果希望logo都是带连接的，只要加上<a>标签即可。

var slideimages=new Array()

slideimages[0]='<A href=http://bhysj.163.net/ target=_blank><IMG alt=痴人可不是傻子 border=0 height=31 src=http://mbsky.com/java/photo/chir.gif width=88></A>'

slideimages[1]='<A href=http://wjjader.126.com target=_blank><IMG alt=紫巾苑 border=0 height=31 src=http://mbsky.com/java/photo/zjlogo.gif width=88></A>'

slideimages[2]='<A href=http://hanyu2000.yeah.net/ target=_blank><IMG alt=碧空流云 border=0 height=31 src=http://mbsky.com/java/photo/bhlogo.gif width=88></A>'

slideimages[3]='<A href=http://tdyn.126.com target=_blank><IMG alt=天地有你 border=0 height=31 src=http://mbsky.com/java/photo/tdyn.gif width=88></A>'

slideimages[4]='<A href=http://teach.t500.net target=_blank><IMG alt=教师之家欢迎你 border=0 height=31 src=http://mbsky.com/java/photo/home2.gif width=88></A>'

//尽管填加更多的。

if (slideimages.length>1)

i=2

else

i=0

function move1(whichlayer){

tlayer=eval(whichlayer)

if (tlayer.top>0&&tlayer.top<=5){

tlayer.top=0

setTimeout("move1(tlayer)",pausebetweenimages)

setTimeout("move2(document.main.document.second)",pausebetweenimages)

return

}

if (tlayer.top>=tlayer.document.height*-1){

tlayer.top-=5

setTimeout("move1(tlayer)",100)

}

else{

tlayer.top=scrollerheight

tlayer.document.write(slideimages[i])

tlayer.document.close()

if (i==slideimages.length-1)

i=0

else

i++

}

function move2(whichlayer){

tlayer2=eval(whichlayer)

if (tlayer2.top>0&&tlayer2.top<=5){

tlayer2.top=0

setTimeout("move2(tlayer2)",pausebetweenimages)

setTimeout("move1(document.main.document.first)",pausebetweenimages)

return

}

if (tlayer2.top>=tlayer2.document.height*-1){

tlayer2.top-=5

setTimeout("move2(tlayer2)",100)

}

else{

tlayer2.top=scrollerheight

tlayer2.document.write(slideimages[i])

tlayer2.document.close()

if (i==slideimages.length-1)

i=0

else

i++

}

function move3(whichdiv){

tdiv=eval(whichdiv)

if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){

tdiv.style.pixelTop=0

setTimeout("move3(tdiv)",pausebetweenimages)

setTimeout("move4(second2)",pausebetweenimages)

return

}

if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){

tdiv.style.pixelTop-=5

setTimeout("move3(tdiv)",100)

}

else{

tdiv.style.pixelTop=scrollerheight

tdiv.innerHTML=slideimages[i]

if (i==slideimages.length-1)

i=0

else

i++

}

function move4(whichdiv){

tdiv2=eval(whichdiv)

if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){

tdiv2.style.pixelTop=0

setTimeout("move4(tdiv2)",pausebetweenimages)

setTimeout("move3(first2)",pausebetweenimages)

return

}

if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){

tdiv2.style.pixelTop-=5

setTimeout("move4(second2)",100)

}

else{

tdiv2.style.pixelTop=scrollerheight

tdiv2.innerHTML=slideimages[i]

if (i==slideimages.length-1)

i=0

else

i++

}

function startscroll(){

if (document.all){

move3(first2)

second2.style.top=scrollerheight

}

else if (document.layers){

move1(document.main.document.first)

document.main.document.second.top=scrollerheight+5

document.main.document.second.visibility='show'

}

window.onload=startscroll

//-->

</SCRIPT>

if (document.layers)

document.write(slideimages[0])

</script>

</layer>

if (document.layers)

document.write(slideimages[1])

</script>

</layer>

</ilayer>

<p>

<!--

if (document.all){

document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+'">')

document.writeln('')

document.write(slideimages[0])

document.writeln('')

document.write(slideimages[1])

document.writeln('')

document.writeln('</span>')

}

//-->

</SCRIPT>

将下面的代码加在<body>里(例<body **加代码处**>)

上一篇教程：文字从页面顶部掉下来，作为提醒脚本可是非常酷

下一篇教程：在Textarea中的文字会慢慢地向上翻滚，就象看书的习惯一样