类似效果要怎么做?谢谢!

everythins_is_over 2006-02-15 02:16:04
现在想实现类似下面的效果,但是想让图片从右往左滚动,也要中间停留几秒钟,知道的朋友帮帮忙了.谢谢.
代码效果如下:

<script language="JavaScript" defer>
//code by windy_sk <windy_sk@126.com> 20040127
var obj_marquee = document.getElementById("marquee");
var marquee_spd = 4000;
var step_c = 0;
function marquee_init() {
var obj_unit = obj_marquee.firstChild;
var n = Math.ceil(parseInt(obj_marquee.style.height) / obj_unit.offsetHeight);
for(var i=0; i<n; i++) obj_marquee.appendChild(obj_unit.cloneNode(true));
return;
}
function marquee_show() {
var marquee_high = parseInt(obj_marquee.style.height);
var step = marquee_high/10;
if(obj_marquee.scrollTop >= obj_marquee.children[1].offsetTop) {
obj_marquee.scrollTop = 0;
marquee_show();
return;
}
obj_marquee.scrollTop += step;
if(step_c++ < 9) setTimeout("marquee_show()", 50);
return;
}
marquee_init();
setInterval("step_c=0;setTimeout('marquee_show()',50)", marquee_spd);
</script>
<table style="border:1px black solid;"><tr><td>
<div id="marquee" style="overflow:hidden;height:60px;width:210px;border:0px;padding:0px;">
<div style="border:0px;padding:0px">
<!-- Marquee Body Head -->
<div style="height:60px;width:210px;font-size:12px">
<a href="<A href="http://www.kdt.cn/kdt/introduce.php"><img">http://www.kdt.cn/kdt/introduce.php"><img src="http://www.blueidea.com/gg/kdt/206.gif" border="0" style="width:208px"></a>
这个是广告~~~~~~~~~
</div>
<div style="height:60px;width:210px;font-size:12px">
<a href="<A href="http://www.idc2008.com/index5.htm"><img">http://www.idc2008.com/index5.htm"><img src="http://www.blueidea.com/gg/idc2008/208X33.gif" border="0" style="width:208px"></a>
这个也是广告~~~~~~~~~~~~~~~~
</div>
<div style="height:60px;width:210px;font-size:12px">
<a href="<A href="http://www.qycity.com/"><img">http://www.qycity.com/"><img src="http://www.blueidea.com/gg/qycity/blueidea.gif" border="0" style="width:208px"></a>
这个怎么还是广告??????
</div>
<div style="height:60px;width:210px;font-size:12px">
<a href="<A href="http://www.blueidea.com/bbs/viewuser.asp?username=windy2000"><img">http://www.blueidea.com/bbs/viewuser.asp?username=windy2000"><img src="http://www.blueidea.com/bbs/icon/user1.gif" border="0"> Windy2000</a><br>
也给自己做个广告~~~~~~~~~~
</div>
<!-- Marquee Body Bottom -->
</div>
</div>
</td></tr></table>
...全文
132 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
everythins_is_over 2006-02-28
  • 打赏
  • 举报
回复
哈哈,看来这样的帖子大家还是欢迎的,以后有类似代码一样贴给大家,:)
wzgdyn 2006-02-28
  • 打赏
  • 举报
回复
非常好!!
谢了!!
jj5378960 2006-02-28
  • 打赏
  • 举报
回复
不错的,谢谢了!
orange12345 2006-02-17
  • 打赏
  • 举报
回复
有用,感谢!
everythins_is_over 2006-02-16
  • 打赏
  • 举报
回复
朋友们,经过本人不懈搜索,终于找到了我想要的效果,现在贴在下面,但愿能对部分朋友有帮助:)
<!--滚动代码开始-->
<SCRIPT language=JavaScript>
var speed=1, width_review=117 ;
var htmlstr_review = "", flag_review=true, imgflag_review=true, mouse_review=1, wait_review=1500, temp_review=0 ;
var ctnt_review=new Array() ;


ctnt_review[0]
= "<table border=0 cellpadding=0 cellspacing=0 width=116>"
+ "<tr><td align=center><a href='../thm/Cat?CD=0707&SEQ=837'><img src='http://0000.baram.lycos.co.kr/bbs/FileInfoThum?SEQ=2252' border=0 width=79 height=59></a></td></tr>"
+ "<tr><td height=7></td></tr>"
+ "<tr><td align=center class=text01><a href='kuaile.htm' class=link10>我要健康快乐</a></td></tr>"
+ "</table>" ;

ctnt_review[1]
= "<table border=0 cellpadding=0 cellspacing=0 width=116>"
+ "<tr><td align=center><a href='../thm/Cat?CD=0706&SEQ=961'><img src='http://4300.baram.lycos.co.kr/bbs/FileInfoThum?SEQ=2804' border=0 width=79 height=59></a></td></tr>"
+ "<tr><td height=7></td></tr>"
+ "<tr><td align=center class=text01><a href='/thm/Cat?CD=0706&SEQ=961' class=link10>1月1日是元旦</a></td></tr>"
+ "</table>" ;

ctnt_review[2]
= "<table border=0 cellpadding=0 cellspacing=0 width=116>"
+ "<tr><td align=center><a href='../thm/Cat?CD=0608&SEQ=990'><img src='http://92222.baram.lycos.co.kr/bbs/FileInfoThum?SEQ=2926' border=0 width=79 height=59></a></td></tr>"
+ "<tr><td height=7></td></tr>"
+ "<tr><td align=center class=text01><a href='/thm/Cat?CD=0608&SEQ=990' class=link10>2月14是情人节</a></td></tr>"
+ "</table>" ;

ctnt_review[3]
= "<table border=0 cellpadding=0 cellspacing=0 width=116>"
+ "<tr><td align=center><a href='../thm/Cat?CD=0212&SEQ=872'><img src='http://NADA.baram.lycos.co.kr/bbs/FileInfoThum?SEQ=2493' border=0 width=79 height=59></a></td></tr>"
+ "<tr><td height=7></td></tr>"
+ "<tr><td align=center class=text01><a href='/thm/Cat?CD=0212&SEQ=872' class=link10>3月12是植树节</a></td></tr>"
+ "</table>" ;

ctnt_review[4]
= "<table border=0 cellpadding=0 cellspacing=0 width=116>"
+ "<tr><td align=center><a href='../thm/Cat?CD=0706&SEQ=896'><img src='http://4300.baram.lycos.co.kr/bbs/FileInfoThum?SEQ=2639' border=0 width=79 height=59></a></td></tr>"
+ "<tr><td height=7></td></tr>"
+ "<tr><td align=center class=text01><a href='/thm/Cat?CD=0706&SEQ=896' class=link10>4月1日是愚人节</a></td></tr>"
+ "</table>" ;

ctnt_review[5]
= "<table border=0 cellpadding=0 cellspacing=0 width=116>"
+ "<tr><td align=center><a href='../thm/Cat?CD=0602&SEQ=914'><img src='http://sun1212.baram.lycos.co.kr/bbs/FileInfoThum?SEQ=2676' border=0 width=79 height=59></a></td></tr>"
+ "<tr><td height=7></td></tr>"
+ "<tr><td align=center class=text01><a href='/thm/Cat?CD=0602&SEQ=914' class=link10>5月1日是劳动节</a></td></tr>"
+ "</table>" ;

ctnt_review[6]
= "<table border=0 cellpadding=0 cellspacing=0 width=116>"
+ "<tr><td align=center><a href='../thm/Cat?CD=0701&SEQ=867'><img src='http://KYAHA.baram.lycos.co.kr/bbs/FileInfoThum?SEQ=2480' border=0 width=79 height=59></a></td></tr>"
+ "<tr><td height=7></td></tr>"
+ "<tr><td align=center class=text01><a href='/thm/Cat?CD=0701&SEQ=867' class=link10>6月1日是儿童节</a></td></tr>"
+ "</table>" ;

ctnt_review[7]
= "<table border=0 cellpadding=0 cellspacing=0 width=116>"
+ "<tr><td align=center><a href='jiankang'><img src='http://isyme.baram.lycos.co.kr/bbs/FileInfoThum?SEQ=1440' border=0 width=79 height=59></a></td></tr>"
+ "<tr><td height=7></td></tr>"
+ "<tr><td align=center class=text01><a href='/thm/Cat?CD=0301&SEQ=492' class=link10>我更要健康</a></td></tr>"
+ "</table>" ;

ctnt_review[8]
= "<table border=0 cellpadding=0 cellspacing=0 width=116>"
+ "<tr><td align=center><a href='../thm/Cat?CD=0707&SEQ=868'><img src='http://0000.baram.lycos.co.kr/bbs/FileInfoThum?SEQ=2481' border=0 width=79 height=59></a></td></tr>"
+ "<tr><td height=7></td></tr>"
+ "<tr><td align=center class=text01><a href='/thm/Cat?CD=0707&SEQ=868' class=link10>10月1日是国庆节</a></td></tr>"
+ "</table>" ;

ctnt_review[9]
= "<table border=0 cellpadding=0 cellspacing=0 width=116>"
+ "<tr><td align=center><a href='../thm/Cat?CD=0904&SEQ=873'><img src='http://9rn7rn.baram.lycos.co.kr/bbs/FileInfoThum?SEQ=2495' border=0 width=79 height=59></a></td></tr>"
+ "<tr><td height=7></td></tr>"
+ "<tr><td align=center class=text01><a href='/thm/Cat?CD=0904&SEQ=873' class=link10>12月25日是圣诞</a></td></tr>"
+ "</table>" ;

function startText_review() {
for (i=0; i < ctnt_review.length ; i++){
insertText_review(i);
}
window.setTimeout("scroll_review()",wait_review);
}
function scroll_review() {
if (mouse_review && flag_review) {
for (i=0;i<ctnt_review.length;i++) {
temp_review++;
tmp = document.getElementById('scroll_area_review'+i).style;
tmp.left = parseInt(tmp.left)-speed;
if (parseInt(tmp.left) <= width_review*(-1)) {
tmp.left = width_review*(ctnt_review.length-1);
}
if ( temp_review > (width_review-1)*ctnt_review.length) {
flag_review=false;
temp_review=0;
window.setTimeout("flag_review=true;temp_review=0;imgflag_review=true;",wait_review);
}
}
}
window.setTimeout("scroll_review()",1);
}
function insertText_review(i) {
htmlstr_review = '<div style="left:0px; width:'+width_review+'px; position:absolute; left:'+(width_review*i)+'px" id="scroll_area_review'+i+'">\n';
htmlstr_review += ctnt_review[ i ]+'\n' ;
htmlstr_review += '</div>\n';
document.write(htmlstr_review);
}
</SCRIPT>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="5"></td>
<td width="8" valign="top"><a style="cursor:hand"><img src="http://br-imageN.baram.lycos.co.kr/imgs/img_best01.gif" border="0"></a></td>
<td width="463" height="98" align="center" valign="top">

<DIV id=scroll_div_review onmouseover="mouse_review=0 "
style="OVERFLOW: hidden; WIDTH: 463px; POSITION: relative; HEIGHT: 99px"
onmouseout="mouse_review=1">
<SCRIPT language=JavaScript>startText_review();</SCRIPT>
</div>
</td>
<td width="8" valign="top"><a style="cursor:hand"><img src="http://br-imageN.baram.lycos.co.kr/imgs/img_best02.gif" border="0"></a></td>
</tr>
</table>
<!--滚动代码结束-->

1,451

社区成员

发帖
与我相关
我的任务
社区描述
多媒体/设计/Flash/Silverlight 开发 图象工具使用
社区管理员
  • 图象工具使用社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

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