求一个javascript的滚动公告版 普通滚动 你可以直接用<marquee>标签实现 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 都说了javascript的广告版了,还<marquee>晕 <BODY leftMargin=0 topMargin=2 marginheight="0" marginwidth="0"> <CENTER> <p> <h1>JS不间断循环滚动</h1><p> <TABLE style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid" cellSpacing=0 cellPadding=0 width=750 align=center border=0> <TBODY> <TR><td width="30"><a href="#" onClick="clickdiv()" id="aa">向左</a></td> <TD> <DIV id=demo style="OVERFLOW: hidden; WIDTH: 100%; COLOR: #ffffff"> <TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0"> <TBODY> <TR> <TD id=demo1 vAlign=top><table width="1710" height="116" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="171" background="pic_bg.jpg"><div align="center">内容一</div></td> <td width="171" background="pic_bg.jpg"><div align="center">内容二</div></td> <td width="171" background="pic_bg.jpg"><div align="center">内容三</div></td> <td width="171" background="pic_bg.jpg"><div align="center">内容四</div></td> <td width="171" background="pic_bg.jpg"><div align="center">内容五</div></td> <td width="171" background="pic_bg.jpg"><div align="center">内容六</div></td> <td width="171" background="pic_bg.jpg"><div align="center">内容七</div></td> <td width="171" background="pic_bg.jpg"><div align="center">内容八</div></td> <td width="171" background="pic_bg.jpg"><div align="center">内容九</div></td> <td width="171" background="pic_bg.jpg"><div align="center">内容十</div></td> </tr> </table></TD> <TD id=demo2 vAlign=top> </TD></TR></TBODY></TABLE></DIV> </TD><td width="30"><a href="#" onClick="Rclickdiv()" id="mcc">向右</a></td></TR></TBODY></TABLE></TD></TR></TABLE> </CENTER><SCRIPT> var speed3=25//速度数值越大速度越慢 var t=false; //判断是向左还是向右document.getElementById("demo2").innerHTML=document.getElementById("demo1").innerHTML function Marquee(){ if(document.getElementById("demo2").offsetWidth-document.getElementById("demo").scrollLeft<=0) document.getElementById("demo").scrollLeft-=document.getElementById("demo1").offsetWidth else{ document.getElementById("demo").scrollLeft++ } t=false; } function RMarquee(){ if(document.getElementById("demo").scrollLeft<=0) document.getElementById("demo").scrollLeft+=document.getElementById("demo2").offsetWidth else{ document.getElementById("demo").scrollLeft-- } t=true; } function clickdiv(){ clearInterval(MyMar) Marquee(); } function Rclickdiv(){ clearInterval(MyMar) RMarquee(); } var MyMar=setInterval(Marquee,speed3) document.getElementById("demo").onmouseover=function() {clearInterval(MyMar)} document.getElementById("demo").onmouseout=function() {if(t){MyMar=setInterval(RMarquee,speed3)}else{MyMar=setInterval(Marquee,speed3)}} document.getElementById('mcc').onmouseout=function(){MyMar=setInterval(RMarquee,speed3);} document.getElementById('aa').onmouseout=function(){MyMar=setInterval(Marquee,speed3);} </SCRIPT> </BODY> 通用不间断滚动JS封装绝对满足你的所有要求http://blog.csdn.net/wpabbs/archive/2008/09/10/2907311.aspx 求ExtJS4+Servlet实现二进制文件上传的代码 javascript 写一个表记数做例数 函数名搞不懂 JS:背景色的问题。有完整代码可以调试。等线等。。。 关于mapabc API使用遇到的一些问题 子页面调用父页面js问题 关于htc问题 关于ExtJs4 mvc的问题???????????????????/ IE也错,firefox也错? 如何使onunload只在关闭窗口时触发,而页面刷新的时不触发 web开发和java 使用window.createPopup()创建窗口,如何突破 IE SP2的限制?
<BODY leftMargin=0 topMargin=2 marginheight="0" marginwidth="0">
<CENTER>
<p>
<h1>JS不间断循环滚动</h1><p>
<TABLE
style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid"
cellSpacing=0 cellPadding=0 width=750 align=center border=0>
<TBODY>
<TR><td width="30"><a href="#" onClick="clickdiv()" id="aa">向左</a></td>
<TD>
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 100%; COLOR: #ffffff">
<TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top><table width="1710" height="116" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="171" background="pic_bg.jpg"><div align="center">内容一</div></td>
<td width="171" background="pic_bg.jpg"><div align="center">内容二</div></td>
<td width="171" background="pic_bg.jpg"><div align="center">内容三</div></td>
<td width="171" background="pic_bg.jpg"><div align="center">内容四</div></td>
<td width="171" background="pic_bg.jpg"><div align="center">内容五</div></td>
<td width="171" background="pic_bg.jpg"><div align="center">内容六</div></td>
<td width="171" background="pic_bg.jpg"><div align="center">内容七</div></td>
<td width="171" background="pic_bg.jpg"><div align="center">内容八</div></td>
<td width="171" background="pic_bg.jpg"><div align="center">内容九</div></td>
<td width="171" background="pic_bg.jpg"><div align="center">内容十</div></td>
</tr>
</table></TD>
<TD id=demo2 vAlign=top> </TD></TR></TBODY></TABLE></DIV>
</TD><td width="30"><a href="#" onClick="Rclickdiv()" id="mcc">向右</a></td></TR></TBODY></TABLE></TD></TR></TABLE>
</CENTER><SCRIPT>
var speed3=25//速度数值越大速度越慢
var t=false; //判断是向左还是向右
document.getElementById("demo2").innerHTML=document.getElementById("demo1").innerHTML
function Marquee(){
if(document.getElementById("demo2").offsetWidth-document.getElementById("demo").scrollLeft<=0)
document.getElementById("demo").scrollLeft-=document.getElementById("demo1").offsetWidth
else{
document.getElementById("demo").scrollLeft++
}
t=false;
}
function RMarquee(){
if(document.getElementById("demo").scrollLeft<=0)
document.getElementById("demo").scrollLeft+=document.getElementById("demo2").offsetWidth
else{
document.getElementById("demo").scrollLeft--
}
t=true; }
function clickdiv(){
clearInterval(MyMar)
Marquee();
}
function Rclickdiv(){
clearInterval(MyMar)
RMarquee();
}
var MyMar=setInterval(Marquee,speed3)
document.getElementById("demo").onmouseover=function() {clearInterval(MyMar)}
document.getElementById("demo").onmouseout=function() {if(t){MyMar=setInterval(RMarquee,speed3)}else{MyMar=setInterval(Marquee,speed3)}}
document.getElementById('mcc').onmouseout=function(){MyMar=setInterval(RMarquee,speed3);}
document.getElementById('aa').onmouseout=function(){MyMar=setInterval(Marquee,speed3);}
</SCRIPT>
</BODY>
绝对满足你的所有要求
http://blog.csdn.net/wpabbs/archive/2008/09/10/2907311.aspx