一个跑马灯循环滚动

wj587420 2008-06-06 10:54:42
<div class="exibhitStyle" style="float: left;" >
<%if(proall != null && proall.length!=0){%>
<marquee style="margin:-15px 5 0 15px" onmouseout="this.start();" onmouseover="this.stop();" scrollamount="10">
<div style="width:5200px;font-size:11px;color:#999;">
<%for(int i=0; i<proall.length; i++) {%>
<div style="width:120px;float:left;text-align:center">
<a href="?d=product&p=productlist&par=series=<% =proall[i].getLabelId()%>" class="gray2"><img onload="DrawImage(this,101,113)" src="<%="data/uploads/product/"+proall[i].getImagpath()%>">
<br>
<%=proall[i].getName()%>
</a>
</div>
<%}%>
</div>
</marquee>
<%} else {%>
<span style="margin-left: 20px;">对不起,目前还没有产品!</span>
<%}%>
</div>



主要在marquee 里面。 因为marquee 第一循环 最后一个 于第二次循环 首尾 有一段空白 应该怎么消除这块空白 找了的段JS 能独立运行。 穿插进去就是不行。 大家帮点忙~~感谢~
...全文
428 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
goldlive_8888 2008-06-08
  • 打赏
  • 举报
回复
展示页面:http://www.goodcnc.cn/girl/index.htm
----------------------------------------------------------------------------
显示页面有一个Iframe,src指向效果页面
<IFRAME marginWidth=0
src="http://www.goodcnc.cn/girl/index.htm"
frameBorder=0
width=580
scrolling=no
height=200
marginheigh="0">
</IFRAME>

效果页面引用JS文件
<SCRIPT language=javascript
src="/girl/zuimei.asp?aff=0?age=0&col=10&row=1&code=892662&run=1&ps=0&target=_blank&border=0&bcolor=FF0000&color=FF0000&subid=nosubid"></SCRIPT>

JS文件打印内容


document.write('<style>');
document.write('.friends img {');
document.write(' border: 1px solid #000;');
document.write('}');
document.write('.friends td, .font12 {');
document.write(' font-size: 12px;');
document.write(' text-align: center;');
document.write(' font-family: 宋体;');
document.write('}');
document.write('.friends td a {');
document.write(' color: blue; text-decoration: underline;');
document.write(' font-family: 宋体;');
document.write('}');
document.write('#outborder { position: relative; width: 1200px; height: 160px} .union_url { font-size: 11px; right: 0px;bottom: 0px;position:absolute;} .union_url a { color: blue; padding: 2px; background: #FFF; line-height: 22px; text-decoration: underline}');
document.write('#demoI { FILTER: revealTrans(transition=4,duration=2); VISIBILITY: visible; WIDTH: 100%; }');
document.write('</style>');
document.write('<div id="outborder"><div id=demoI style="overflow:hidden; width:1200px;">');
document.write('<table width=1200 border=0 cellpadding=0 cellspacing=0 class=friends>');
document.write('<tr>');
document.write('<td id=demo11>');

document.writeln("<table width=1200 height=160 border=0 bordercolor=FF0000> <tr><td><center><a href=http:\/\/chinesefriendfinder.com\/go\/g892662.subnosubid+reg target=_blank><img src=\/girl\/member\/15.jpg border=0><br>北京<br \/>单身 <font color=red>找人约会<\/font><\/a><\/center><\/td><td><center><a href=http:\/\/chinesefriendfinder.com\/go\/g892662.subnosubid+reg target=_blank><img src=\/girl\/member\/68.jpg border=0><br>北京<br \/>单身 <font color=red>找人聊天<\/font><\/a><\/center><\/td><td><center><a href=http:\/\/chinesefriendfinder.com\/go\/g892662.subnosubid+reg target=_blank><img src=\/girl\/member\/7.jpg border=0><br>北京<br \/>单身 <font color=red>寻找知己<\/font><\/a><\/center><\/td><td><center><a href=http:\/\/chinesefriendfinder.com\/go\/g892662.subnosubid+reg target=_blank><img src=\/girl\/member\/14.jpg border=0><br>北京<br \/>单身 <font color=red>找人视频<\/font><\/a><\/center><\/td><td><center><a href=http:\/\/chinesefriendfinder.com\/go\/g892662.subnosubid+reg target=_blank><img src=\/girl\/member\/4.jpg border=0><br>北京<br \/>单身 <font color=red>找人恋爱<\/font><\/a><\/center><\/td><td><center><a href=http:\/\/chinesefriendfinder.com\/go\/g892662.subnosubid+reg target=_blank><img src=\/girl\/member\/62.jpg border=0><br>北京<br \/>单身 <font color=red>找人恋爱<\/font><\/a><\/center><\/td><td><center><a href=http:\/\/chinesefriendfinder.com\/go\/g892662.subnosubid+reg target=_blank><img src=\/girl\/member\/5.jpg border=0><br>北京<br \/>单身 <font color=red>寻找知己<\/font><\/a><\/center><\/td><td><center><a href=http:\/\/chinesefriendfinder.com\/go\/g892662.subnosubid+reg target=_blank><img src=\/girl\/member\/56.jpg border=0><br>北京<br \/>单身 <font color=red>找人恋爱<\/font><\/a><\/center><\/td><td><center><a href=http:\/\/chinesefriendfinder.com\/go\/g892662.subnosubid+reg target=_blank><img src=\/girl\/member\/50.jpg border=0><br>北京<br \/>单身 <font color=red>寻找知己<\/font><\/a><\/center><\/td><td><center><a href=http:\/\/chinesefriendfinder.com\/go\/g892662.subnosubid+reg target=_blank><img src=\/girl\/member\/55.jpg border=0><br>北京<br \/>单身 <font color=red>找人聊天<\/font><\/a><\/center><\/td><\/tr><\/table>");





document.write('</td><td width=1600 id=demo12></td></tr></table></div></div>');



try {
var speed=15
document.getElementById('demo12').innerHTML=document.getElementById('demo11').innerHTML
function Marquee11(){
if(document.getElementById('demo12').offsetWidth-document.getElementById('demoI').scrollLeft<=0)
document.getElementById('demoI').scrollLeft-=document.getElementById('demo11').offsetWidth
else{
document.getElementById('demoI').scrollLeft++
}
}
var MyMar1=setInterval(Marquee11,speed)
document.getElementById('demoI').onmouseover=function() {clearInterval(MyMar1)}
document.getElementById('demoI').onmouseout=function() {MyMar1=setInterval(Marquee11,speed)}
} catch(e) {

}
yougucao379548695 2008-06-07
  • 打赏
  • 举报
回复
那是你图片太少啦吧

多啦就没空白啦

81,094

社区成员

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

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