新式滚动向上字幕(ZT)
<div id=demo style="overflow:hidden;height:60px">
<div id=demo1>
111111111111111<br>
222222222222222<br>
333333333333333<br>
444444444444444<br>
555555555555555
</div>
<div id=demo2></div><script language=javascript>
var t = demo.scrollTop;
demo2.innerText = demo1.innerText;
function MzMarquee()
{
if(demo2.offsetTop - demo.scrollTop<=0)
demo.scrollTop -= demo1.offsetHeight;
else
demo.scrollTop++
}
setInterval(MzMarquee, 100);
</script>
<div id=demo style="overflow:hidden;height:60px">
<div id=demo1>
111111111111111<br>
222222222222222<br>
333333333333333<br>
444444444444444<br>
555555555555555
</div>
<div id=demo2></div><script language=javascript>
var t = demo.scrollTop;
demo2.innerText = demo1.innerText;
function MzMarquee()
{
if(demo2.offsetTop - demo.scrollTop<=0)
demo.scrollTop -= demo1.offsetHeight;
else
demo.scrollTop++
}
setInterval(MzMarquee, 100);
</script>
解决方案 »
- js对象的初始化时候this的指向
- 急,新人请教高手关于window.open()的问题
- 急救!!!!!!!!!两个下拉列表框之间全部左移和右移出现问题,是怎么回事呢???
- JS实现网页上的图片每隔一段时间变化一次,而且要到尾部后又从头开始,不是滚动的效果,求代码谢谢
- 怎么实现在网页中点一个按钮,就可以在桌面建立快捷方式
- 咋样根据下拉框的内容变动文本框的内容?
- 寻找图文混排控件请帮忙(在Delphi里用)
- 使用一个控件可否不用id,用名称,因为控件自写,老要改,一改id变,名称不变
- 为什么我的浏览器总是弹出“运行时错误,对象不支持此属性和方法”,而在别人的浏览器上就不会弹出?
- 如何得知一个对象是个集合还是单个对象
- 请教JS高手,怎样使用JS实现这种效果?
- 高手们。。。。我这个map怎么不起作用,,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY><table width="499" border="1" cellpadding="0" cellspacing="0" bordercolor="#CC6600">
<tr>
<td width="495">
<div id=demo style=overflow:hidden;height:70;width:400>
<div id=demo1>
<a href='' target='_blank'>这是滚动第1行</a><br>
这是滚动第2行<br>
这是滚动第3行<br>
这是滚动第4行<br>
这是滚动第5行<br>
这是滚动第6行<br>
这是滚动第7行<br>
这是滚动第8行<br>
</div>
<div id=demo2></div>
</div>
<script>
var speed=30
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> </td>
</tr>
</table>
</BODY>
</HTML>
<table width=750 border=0 cellpadding=0 cellspacing=0>
<tr valign=top>
<td width=700 height=150 align=right>
<!--滚动图片资料 begin-->
<table width=750 border=0 cellpadding=0 cellspacing=0>
<tr><td height=140 style="border:1px solid #C7C7C7;padding-top:8px" align=center valign=top>
<table width=700 border=0 cellpadding=0 cellspacing=0>
<tr><td align=center>
<div id=demo style=overflow:hidden;height:140;width:650;><table align=center cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top>
<table border=0 cellpadding=0 cellspacing=0 align=center>
<tr> <td><a href=http://f1.sina.com.cn/2004-12-10/21481294101.shtml target=_blank><img src=http://image2.sina.com.cn/ty/f1/U574P6T139D4F4425DT20041212203621.jpg width=150 height=100 class=img05 hspace=22></a><br><font color=#ffffff><center><b>米其林汽车运动主管后年退役</b></center></font></td>
<td width=15></td>
<td><a href=http://sports.sina.com.cn/f1/2003f1/photo/9279/index.shtml target=_blank><img src=http://image2.sina.com.cn/ty/f1/U574P6T139D4F4427DT20041212203621.jpg width=150 height=100 class=img05 hspace=22></a><br><font color=#ffffff><center><b>舒米获意大利金头盔奖</b></center></font></td>
<td width=15></td>
<td><a href=http://f1.sina.com.cn/2004-12-12/05171295803.shtml target=_blank><img src=http://image2.sina.com.cn/ty/f1/U574P6T139D4F4429DT20041212203621.jpg width=150 height=100 class=img05 hspace=22></a><br><font color=#ffffff><center><b>巴林GP获FIA最佳组织奖</b></center></font></td>
<td width=15></td> <td><a href=http://f1.sina.com.cn/2004-12-12/13151296350.shtml target=_blank><img src=http://image2.sina.com.cn/ty/f1/U574P6T139D4F4431DT20041212203621.jpg width=150 height=100 class=img05 hspace=22></a><br><font color=#ffffff><center><b>雷诺老板结识新欢妮可</b></center></font></td>
<td width=15></td>
<td><a href=http://f1.sina.com.cn/2004-12-12/13291296375.shtml target=_blank><img src=http://image2.sina.com.cn/ty/f1/U574P6T139D4F4433DT20041212203621.jpg width=150 height=100 class=img05 hspace=22></a><br><font color=#ffffff><center><b>皮佐尼亚同海德菲尔德抢饭碗</b></center></font></td> </tr>
</table>
</td><td id=demo2 valign=top></td></tr></table></div>
<script>
var speed=10//速度数值越大速度越慢
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>
</td></tr>
</table> </td></tr> </table>
</td></tr>
</table>
<!--滚动图片 end-->
这是我见的最好的滚动了.