求js文字滚动代码 文字左右滚动的代码 要有onMouseOver 效果 想做出这样的效果 求助 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <html><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: 750px; 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; var id="aa"; 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(){clearInterval(MyMar);MyMar=setInterval(RMarquee,speed3);} document.getElementById('aa').onmouseout=function(){clearInterval(MyMar);MyMar=setInterval(Marquee,speed3);} </SCRIPT> </BODY> </html> <MARQUEE onmouseover=stop() onmouseout=start() scrollAmount=1 scrollDelay=1 align="right" width=856 height=10> </MARQUEE>这段代码有那样效果 但是里面的内容会一闪一闪的 有没有办法改变 我机子上都没有问题,可能是你电脑的问题,在不你试下把var speed3=25//速度数值越大速度越慢 改快点 //本人自己写的,兼容IE6 7 8 FF CHROME,效果查看:http://www.0577hr.com/ 首页最新加盟会员function setMarquee(){ //首页最新加盟会员滚动 var Tim,Div=D$("Marquee").getElementsByTagName("div")[0],A=Div.getElementsByTagName("a"); var Child=function(){ return Div.getElementsByTagName("a")[0]; } var Left=function(s){ if(s){ Div.style.left=s+"px"; }else{ var s=Div.style.left,r=/^(.+)px$/; if(r.test(s)){ return parseInt(s.replace(r,"$1")); }else{ return 0 } } } var Distance=function(){ return -(Child().offsetWidth+10); } var Play=function(){ if(Tim)clearTimeout(Tim); var l=Left(); if(Distance()<l){ Left(l-1); Tim=setTimeout(Play,25); //滚动速度 }else{ var o=Child(); Div.removeChild(o); Div.appendChild(o); Div.style.left=0; Tim=setTimeout(Play,1000); //滚动间隔 } } Tim=setTimeout(Play,2000); //第一次滚动 for(var i=0;i<A.length;i++){ A[i].onmouseover=function(){ if(Tim)clearTimeout(Tim); } A[i].onmouseout=function(){ Tim=setTimeout(Play,500); //鼠标离开后滚动间隔 } }} 高手来吧,代码很简单但问题很严重 为什么出现 is not a function? 关于InDesign 脚本的问题(JavaScript) 为什么第二次创建的FormPanel 二级菜单问题,怎么隐藏包含表格的DIV?? selecttree(如何在选子菜单的同时把它上面的所有父菜单都选上) 天,,VML问题,我只是想画个1/4扇型,干什么MS的VML和W3C的说明文档货不对版呢? 简单问题:自定义卷滚条,实现拖动文本。 mCustomScrollbar滚动条插件失效 最近比较流行的javascript框架有哪些 格式化输出日期 Jquery的小问题
<html>
<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: 750px; 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;
var id="aa";
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(){clearInterval(MyMar);MyMar=setInterval(RMarquee,speed3);}
document.getElementById('aa').onmouseout=function(){clearInterval(MyMar);MyMar=setInterval(Marquee,speed3);}
</SCRIPT>
</BODY>
</html>
</MARQUEE>
这段代码有那样效果 但是里面的内容会一闪一闪的 有没有办法改变
function setMarquee(){ //首页最新加盟会员滚动
var Tim,Div=D$("Marquee").getElementsByTagName("div")[0],A=Div.getElementsByTagName("a");
var Child=function(){
return Div.getElementsByTagName("a")[0];
}
var Left=function(s){
if(s){
Div.style.left=s+"px";
}else{
var s=Div.style.left,r=/^(.+)px$/;
if(r.test(s)){
return parseInt(s.replace(r,"$1"));
}else{
return 0
}
}
}
var Distance=function(){
return -(Child().offsetWidth+10);
}
var Play=function(){
if(Tim)clearTimeout(Tim);
var l=Left();
if(Distance()<l){
Left(l-1);
Tim=setTimeout(Play,25); //滚动速度
}else{
var o=Child();
Div.removeChild(o);
Div.appendChild(o);
Div.style.left=0;
Tim=setTimeout(Play,1000); //滚动间隔
}
}
Tim=setTimeout(Play,2000); //第一次滚动
for(var i=0;i<A.length;i++){
A[i].onmouseover=function(){
if(Tim)clearTimeout(Tim);
}
A[i].onmouseout=function(){
Tim=setTimeout(Play,500); //鼠标离开后滚动间隔
}
}
}