这是很多网站经常想要的效果
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 145px; HEIGHT: 100px">
<DIV id=demo1>
aaaa<br>
bbbb<br>
cccc<br>
dddd<br>
eeee<br>
ffff<br>
gggg<br>
</DIV>
<DIV id=demo2></DIV> </DIV>
<SCRIPT>
var speed=50
var _demo=document.getElementById("demo");
var _demo1=document.getElementById("demo1");
var _demo2=document.getElementById("demo2");
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(_demo2.offsetTop-_demo.scrollTop<=0){
_demo.scrollTop-=_demo1.offsetHeight
}else{
_demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
_demo.onmouseover=function() {clearInterval(MyMar)}
_demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</SCRIPT>参考:http://www.web745.com/html/195/262.html
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 145px; HEIGHT: 100px">
<DIV id=demo1>
aaaa<br>
bbbb<br>
cccc<br>
dddd<br>
eeee<br>
ffff<br>
gggg<br>
</DIV>
<DIV id=demo2></DIV> </DIV>
<SCRIPT>
var speed=50
var _demo=document.getElementById("demo");
var _demo1=document.getElementById("demo1");
var _demo2=document.getElementById("demo2");
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(_demo2.offsetTop-_demo.scrollTop<=0){
_demo.scrollTop-=_demo1.offsetHeight
}else{
_demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
_demo.onmouseover=function() {clearInterval(MyMar)}
_demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</SCRIPT>参考:http://www.web745.com/html/195/262.html
<TR vAlign="middle" align="center">
<%do while not rs.eof%><td align="left" width="90" valign=top><a href=""><img onClick="return view(<%=rs("id")%>)" src="../admin/jigou/prodimage/<%=rs("bigpiclink")%>" width="90" height="90" border="0"></a>
</td>
<td align="left" width="1" valign=top bgcolor="#f4f4f4"><img src="../images/dot.gif" width="5"></td><%
rs.movenext
loop
%>
</TR></TABLE></marquee>在HTML文档中用<marquee></marquee>标记对插入字幕。字幕<marquee>主要有下列属性: align:字幕文字对齐方式
width:字幕高度
high:字幕高度
direction:文字滚动方向,其值可取right,left,up,down;
behavior:字幕动态效果 ,其值可取scroll(滚动),slide(幻灯片),alteernat(交替),默认值为scroll;
scrolldelay:滚动延迟时间,单位毫秒
scrollamount:滚动数量,单位像素。
<TR vAlign="middle" align="center">
<%do while not rs.eof%><td align="left" width="90" valign=top><a href=""><img onClick="return view(<%=rs("id")%>)" src="../admin/jigou/prodimage/<%=rs("bigpiclink")%>" width="90" height="90" border="0"></a>
</td>
<td align="left" width="1" valign=top bgcolor="#f4f4f4">123123
</TR></TABLE></marquee>
http://www.web745.com/html/197/258.html
<body>
<table align="center">
<tr>
<td id="tdFU" width="50%" bgcolor="lightsteelblue">
<marquee id="FU" direction="LEFT" onmouseover="runSpeed = 0;" onmouseout="runSpeed = 2;">
</marquee>
</td>
</tr>
<tr>
<td>
<input id="t1" type="text" value="abcdefgh" onmouseover="runStart(this); " />
<input id="t2" type="text" value="1234567890123" onmouseover="runStart(this); " />
</td>
</tr>
</table> <script language="javascript"> var runSpeed = 2;
setTimeout("moveMQ()", 30);
//alert(tdFU.offsetWidth); function runStart(ctr)
{
if (ctr.value != FU.innerHTML)
{
FU.innerHTML = ctr.value; FU.scrollLeft = 0;
}
}
function moveMQ()
{
var fuLeft = FU.scrollLeft;
var contentWidth = FU.innerHTML.length * 5; if (fuLeft > Number(FU.offsetWidth) + contentWidth 30 )
{
FU.scrollLeft = 0;
}
else
{
FU.scrollLeft = fuLeft + runSpeed * 2;
}
FU.stop();
setTimeout("moveMQ()", 20);
}
</script></body>
</html>
mingxuan3000,你看看我上面写的
上面的代码就是不能实现当最后一个字符消失后原信息从头滚动