不间断滚动.不间断滚动js

梦aiq逍遥 · 发表于 2009-11-30 00:10:22

1.
<div style="overflow: hidden; width: 332px; height: 106px" id="dem">
<table cellspace="0" border="0" align="left" width="100%" cellPadding="0"> <tr> <td noWrap="true" vAlign="top" id="dem1">在此输入您要显示的图像或者文字在此输入您要显示的图像或者文字在此输入您要显示的图像或者文字</td> <td noWrap="true" vAlign="top" id="dem2"></td> </tr> </table> </div> <p>
<script language="javascript">
var speed=30;
var demo=document.getElementById('dem');
var demo1=document.getElementById('dem1'); var demo2=document.getElementById('dem2'); demo2.innerHTML=demo1.innerHTML; function Marquee() {    if(demo2.offsetWidth-demo.scrollLeft<=0){       demo.scrollLeft-=demo1.offsetWidth;    }else{       demo.scrollLeft++;    } } var MyMar=setInterval(Marquee,speed); demo.onmouseover=function() {clearInterval(MyMar);}; demo.onmouseout=function() {MyMar=setInterval(Marquee,speed);}; </script>
2.
<html>
<head>
<title>滚动</title>
<script type="text/javascript" language="javascript">
function $(id)
{
return document.getElementById(id);
}
function maquee (time, demo, demol, demor)
{
var timer, width = demol.offsetWidth;
function move()
{
if (demo.scrollLeft >= width)
{
demo.scrollLeft = 0;
}
else
{
demo.scrollLeft++;
}
}
demor.innerHTML = demol.innerHTML;
demor.style.width = demol.offsetWidth;
demo.style.overflow = "hidden";
demo.onmouseover = function ()
{
window.clearInterval(timer);
}
demo.onmouseout = function ()
{
timer = window.setInterval(move, time);
}
timer = setInterval(move, time);
}
window.onload = function ()
{
new maquee(25, $("demo"), $("demol"), $("demor"));
}
</script>
</head>
<body>
<marquee direction="left" width="100px" height="100px;" scrollamount="10">滚动的文本</marquee>
<div id="demo" style="width: 200px; height: 30px; line-height: 30px;">
<table border="0" width="100">
<tbody>
<Tr>
<td id="demol">
   <table width="250px">
   <tr>
   <td>
      显示内容　显示内容２２２２
   </td>
   </tr>
   </table>
</td>
<td id="demor">
</td>
</Tr>
</tbody>
</table>
</div>
</body>
</html>
..第一中方法不怎么好用...我试咯哈`~~

		自动登录	找回密码
密码			注册