[发布]连续滚动的图片和超酷的菜单(高度集成)

[woderoom]

是前段时间做艺壶网用上的，不少朋友来信回帖索取，于是决定先公开这两块的源代码，需要的朋友可以留下邮件地址。

代码演示地址：http://www.zishapot.com/excute.asp?cmd=show_top&lan=cn

希望给我多多意见，谢谢！

[xiefeng]

我也要个：[e-mail]

[xiefeng]

谢谢楼主！！！！！！UP！！！！！

[wdbbl]

[e-mail]

谢了！

[pmmx]

[e-mail]
感谢

[sun94510451]

[e-mail]
谢先拉！

[yinzhiw]

[e-mail]
谢谢

[dream520]

。。。

[zhuangjunx]

[e-mail]
谢谢了。

[aa2004]

不错

[e-mail]


谢谢谢谢～～～

[yanboneck]

哈~~学习学习，非常感谢
[e-mail]
3Q~~~

[yanboneck]

错了，错了，是 [e-mail]

[自在行深]

多谢多谢
[e-mail]

[hflsj]

演示 http://www.86fz.cn/web/commend_brand.html

使用方法
<script src="commend_brand.html"></script>
<script language="JavaScript1.2">
<!--
/*设置下面的参数。 设置scrollerwidth和scrollerheight参数，设置成滚动显示的图片中尺寸最大的。*/
var scrollerwidth=130
var scrollerheight=70
var scrollerbgcolor='white'
//修改下面的每个图间暂停时间，本例为3秒。
var pausebetweenimages=3000

//////下面的行不要编辑///////////////////////
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>
<script language="JavaScript1.2">
<!--
if (document.all){
document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+'">')
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">')
document.write(slideimages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">')
document.write(slideimages[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')
}
//-->
</script>



////////////////////////////

//commend_brand.html 是用程序动态成生成的静态文件

var slideimages=new Array()
slideimages[0]="<a href=http://www.86fz.cn/pinpai/show_brand.php?id=31 target=_blank><img src=../web/brandpic/20041112040629.jpg width=120 height=60 align=left border=0 alt=雪中王 -></a><TABLE align=center width=15><TR> <TD height=5></TD></TR></TABLE>"
slideimages[1]="<a href=http://www.86fz.cn/pinpai/show_brand.php?id=22 target=_blank><img src=../web/brandpic/20041112013146.jpg width=120 height=60 align=left border=0 alt=老爷车 无></a><TABLE align=center width=15><TR> <TD height=5></TD></TR></TABLE>"
slideimages[2]="<a href=http://www.86fz.cn/pinpai/show_brand.php?id=17 target=_blank><img src=../web/brandpic/20041112121534.jpg width=120 height=60 align=left border=0 alt=雪歌 XueGe></a><TABLE align=center width=15><TR> <TD height=5></TD></TR></TABLE>"
slideimages[3]="<a href=http://www.86fz.cn/pinpai/show_brand.php?id=16 target=_blank><img src=../web/brandpic/20041112120732.jpg width=120 height=60 align=left border=0 alt=伊·主题 Etopic></a><TABLE align=center width=15><TR> <TD height=5></TD></TR></TABLE>"
slideimages[4]="<a href=http://www.86fz.cn/pinpai/show_brand.php?id=9 target=_blank><img src=../web/brandpic/20041112092112.jpg width=120 height=60 align=left border=0 alt=梦兰 无></a><TABLE align=center width=15><TR> <TD height=5></TD></TR></TABLE>"
slideimages[5]="<a href=http://www.86fz.cn/pinpai/show_brand.php?id=8 target=_blank><img src=../web/brandpic/20041112091248.jpg width=120 height=60 align=left border=0 alt=雅鹿 无></a><TABLE align=center width=15><TR> <TD height=5></TD></TR></TABLE>"
slideimages[6]="<a href=http://www.86fz.cn/pinpai/show_brand.php?id=7 target=_blank><img src=../web/brandpic/20041111014639.jpg width=120 height=60 align=left border=0 alt=培罗成 无></a><TABLE align=center width=15><TR> <TD height=5></TD></TR></TABLE>"
slideimages[7]="<a href=http://www.86fz.cn/pinpai/show_brand.php?id=6 target=_blank><img src=../web/brandpic/20041111012055.jpg width=120 height=60 align=left border=0 alt=波司登 无></a><TABLE align=center width=15><TR> <TD height=5></TD></TR></TABLE>"
slideimages[8]="<a href=http://www.86fz.cn/pinpai/show_brand.php?id=5 target=_blank><img src=../web/brandpic/20041111102325.jpg width=120 height=60 align=left border=0 alt=喜登博 DDDD></a><TABLE align=center width=15><TR> <TD height=5></TD></TR></TABLE>"
/////////////////////////////////////////////

[hflsj]

忘记说明了，是一个一个向上翻滚的效果 php asp都好用。

[hyxgdzj]

楼主来一个,谢谢[e-mail]

[95306]

小雨在线上都有

[yaniu]

谢谢，我来一个[e-mail]

[mail51]

我也要[e-mail]

[woderoom]

http://www.zishapot.com/upload/zishapot0825.rar

[xl1860]

[e-mail]
看了，。做的不错！