LOGO的轮换显示

ynz12 2006-07-06 02:22:45
请仔细看。我想实现LOGO的轮换显示，比如我现在有6个LOGO，显示三个，停留3秒之后，三个LOGO上移，顶头一个上移消失第4个LOGO紧接而来。此时再停留3秒，依次类推..

以前在哪个地方见到过，现在已经找不着了。我只有轮换一个LOGO的代码做参考。

参考代码：
脚本说明:
第一步:把如下代码加入<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<head>区域中
<SCRIPT language="JavaScript">
<!--
var scrollerwidth=88
var scrollerheight=31
var scrollerbgcolor='white'
//每个图间暂停3秒。
var pausebetweenimages=3000


//边界下面的行，如果希望logo都是带连接的，只要加上<a>标签即可。
var slideimages=new Array()
slideimages[0]='<A href=http://www.google.com/ target=_blank><IMG alt=Google border=0 height=31 src=http://www.google.com/images/logo.gif width=88></A>'
slideimages[1]='<A href=http://www.baidu.com/ target=_blank><IMG alt=baidu border=0 height=31 src=http://www.baidu.com/img/logo_yy.gif width=88></A>'
slideimages[2]='<A href=http://www.chaos.com.cn/ target=_blank>人工智慧</A>'
slideimages[3]='<A href=http://www.liuyanba.com/ target=_blank>留言本</A>'
slideimages[4]='<A href=http://www.sina.com.cn target=_blank><IMG alt=sina border=0 height=31 src=http://image2.sina.com.cn/home/images/sina_logo2.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>


第二步:把如下代码加入<body bgcolor="999999">区域中
<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>
<SCRIPT language="JavaScript">
<!--
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>
...全文
86 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
ynz12 2006-07-07
  • 打赏
  • 举报
 回复
浮起来~~*o*
ynz12 2006-07-06
  • 打赏
  • 举报
 回复
呵呵，谢谢谢谢！这个问题不解决不行，看来要不等待高手来拯救，要不就慢慢摸索出来了~

总会有结果的。
xiaoqiang08 2006-07-06
  • 打赏
  • 举报
 回复
顶~~~~~~~~
虽然看不懂什么意思,但是还是顶一下了.哈....
ynz12 2006-07-06
  • 打赏
  • 举报
 回复
再顶！！ ....
ynz12 2006-07-06
  • 打赏
  • 举报
 回复
-_-! 看来吸引力不够，都没高手帮忙啊。

有代码参考，应该不太难吧。 真诚希望帮一下咯。谢谢拉~~~~
ynz12 2006-07-06
  • 打赏
  • 举报
 回复
没人帮忙吗？

我自己先顶起来。 哎，JS 啊。可爱的JS。
asp游戏发布站程序源码 v13.1
4):套黄游戏跟随时间轮换显示，随机排序!(随机不影响多行重复连体广告的功能)  5):通宵游戏在网站配置中自由设置时间段，只需选择通宵即可显示在套黄底部! 6):只有通过审核但未套黄，未通宵，未精品的游戏将显示...
ECSHOP设置及开发技巧汇总
3.28 商品详情页显示所属品牌LOGO 135 3.29 ECSHOP模板在顶部会员登录时显示会员等级 136 3.30 常见问题汇总 139 3.31 ecshop模板如何让浏览历史按照先后排序？ 139 3.32 ecshop添加一个30天销量的方法 139 3.33 ...
游戏广告宣传程序 v4.0 bulid1209.rar
4):套黄游戏跟随时间轮换显示，随机排序!(随机不影响多行重复连体广告的功能) 5):通宵游戏在网站配置中自由设置时间段，只需选择通宵即可显示在套黄底部! 6):只有通过审核但未套黄，未通宵，未精品的游戏将显示在...
淘客帝国v5.21官方原版破解版
App Key轮换功能：当一个App Key超频则自动切换到下一个App Key有效解决因API调用频率不够而无法调取到商品数据的情况! 其他高级功能：更多功能不再细致描述! 【更新内容】 增加了图片延迟加载功能 支持整合文章...
游戏发布站程序源码 v6.7.0 Sp1.rar
4):套黄游戏跟随时间轮换显示，随机排序!(随机不影响多行重复连体广告的功能) 5):通宵游戏在网站配置中自由设置时间段，只需选择通宵即可显示在套黄底部! 6):只有通过审核但未套黄，未通宵，未精品的游戏将显示在...
JavaScript

87,907

社区成员

224,614

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章