这是很多网站经常想要的效果
<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
解决方案 »
- 来个好用的Jquery 弹出层推荐一下.
- JS代码混淆保护问题
- js怎样得到table单元格中输入框对象
- 关于IFRAME加载的问题
- 用window.open来下在一个txt文件,怎么每次都会把这个文件打开阿?我要的是弹出保存框。大家帮帮忙,我整了很久了没搞定。多谢。
- 如何用代码实现网页中的图片保存到磁盘?
- (1)为什么iframe处理文本的速度比textarea快?(2)为什么iframe要在文本两端加上<P></P>标签?
- 请教,关于使用checkbox的问题。
- 改变行的背景颜色?
- js浮动工具栏绑定。
- 求javascript函数:单击IE页面中的文字1,则1变成0,继续单击0,则0又变回1,即单击左键,实现0和1的交互替换
- 如何在文本框中输入字符后按“回车”键和“Check”按钮绑定呢?谢谢大家~!
<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,你看看我上面写的
上面的代码就是不能实现当最后一个字符消失后原信息从头滚动