滚动图片公告栏_各类动态图片的集合

<html>

<head>
<title>滚动图片公告栏 风越ASP代码生成器</title>powered by 25175.net
</head>

<body>
<script language="JavaScript1.2">
<!--
/*设置下面的参数。设置scrollerwidth和scrollerheight参数，设置成滚动显示的图片中尺寸最大的。*/
var scrollerwidth=1400
var scrollerheight=100
var scrollerbgcolor='white'
//每个图间暂停3秒。
var pausebetweenimages=3000
//边界下面的行，如果希望logo都是带连接的，只要加上<a>标签即可。
var slideimages=new Array()

slideimages[0]='<a href="http://www.25175.com"><img src="../../../images/Angell.gif" border=1></a>'
slideimages[3]='<a href="http://www.2517.com"><img src="../../../images/Angel.gif" border=0></a>'
slideimages[2]='<a href="http://www.25.com"><img src="../../../images/girl.jpg" border=1></a>'
slideimages[1]='<a href="http://www.25175.com"><img src="../../../images/cat.jpg" border=0></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> <ilayer id="main" width="&{scrollerwidth};" height="&{scrollerheight};" bgcolor="&{scrollerbgcolor};"> <layer id="first" left="0" top="1" width="&{scrollerwidth};"> <script
language="JavaScript1.2">
if (document.layers)
document.write(slideimages[0])
</script> </layer> <layer id="second" left="0" top="0" width="&{scrollerwidth};" visibility="hide"> <script language="JavaScript1.2">
if (document.layers)
document.write(slideimages[1])
</script> </layer> </ilayer> </p>
<p><script language="JavaScript1.2">
</script>

</body>

</html>

【内容导航】
第1页：跟随鼠标的图片	第2页：跟着鼠标的图片2
第3页：跟着鼠标旋转的图片	第4页：自由走动的图片
第5页：来回摆动的图片	第6页：乱飞的图片
第7页：浮动图像显示	第8页：将图片固定在左上角
第9页：随屏幕移动的图片并可任意移动	第10页：在页上不停走动的图片
第11页：任意指定图片位置	第12页：向上浮的图片
第13页：往下掉并弹起的图片	第14页：在浏览器窗口外移动的图片
第15页：浮在页面上的图片广告	第16页：随意飘动的图像
第17页：图片穿行	第18页：左右移动的图片
第19页：跟着屏幕走的图片	第20页：将图片固定在左下角
第21页：旋转的图片	第22页：徐徐上升的图片
第23页：页面动态图片	第24页：移动的图片
第25页：鼠标停在文本上图片自动围绕	第26页：滚动图片公告栏
第27页：飞来飞去的图片	第28页：滚动显示图片
第29页：将图片固定在左下角	第30页：将图片固定在右下角
第31页：图片居中	第32页：不停闪烁的图片
第33页：带彩色边框的图片	第34页：点击消失的图片
第35页：定时闪烁的图片	第36页：动感的图片
第37页：抖动的图片