<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
</head>
<body>
<table width="400" align="center">
<tr>
<th scope="col"><div id=demo style=overflow:hidden;height:60;width:240;background:#214984;color:#ffffff>
<table border=0 align=left cellpadding=0 cellspacing="0" cellspace=0>
<tr>
<td align="left" valign=top id=demo1><a href="http://www.csdn.net/"><img src="http://www.csdn.net/Images/logo_csdn.gif" width="120" height="60" border="0"></a><a href="http://www.csdn.net/"><img src="http://www.csdn.net/Images/logo_csdn.gif" width="120" height="60" border="0"></a></td>
<td id=demo2 valign=top></td>
</tr>
</table>
</div>
<script>
var speed=1 //改变此数值可改变滚动速度
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++ //若是把这行代码改成demo.scrollLeft+=10,则更便于改变速度
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script></th>
</tr>
</table> </body></html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
</head>
<body>
<table width="400" align="center">
<tr>
<th scope="col"><div id=demo style=overflow:hidden;height:60;width:240;background:#214984;color:#ffffff>
<table border=0 align=left cellpadding=0 cellspacing="0" cellspace=0>
<tr>
<td align="left" valign=top id=demo1><a href="http://www.csdn.net/"><img src="http://www.csdn.net/Images/logo_csdn.gif" width="120" height="60" border="0"></a><a href="http://www.csdn.net/"><img src="http://www.csdn.net/Images/logo_csdn.gif" width="120" height="60" border="0"></a></td>
<td id=demo2 valign=top></td>
</tr>
</table>
</div>
<script>
var speed=1 //改变此数值可改变滚动速度
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++ //若是把这行代码改成demo.scrollLeft+=10,则更便于改变速度
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script></th>
</tr>
</table> </body></html>
解决方案 »
- document.createElement属于dom?
- 这是什么玩意!腾讯的WEBQQ里的JS文件
- FireFox里设置top left没作用
- 如何用JS操作GridView要显示的字段
- encodeURL加密
- js导出表格到excel的时候如何控制单元格的格式
- JScript 中,我用FSO 是否可以操作别人的机器上的硬盘文件???
- 如何得到框架的网址?
- 哪位有Javascript的所有对象、方法、属性、函数的集合包括其说明和用法
- 请问如何让一个<input>输入框在用户输入文子回车后,没有任何作用?
- 我怎么能把表单提交个一个没有菜单和工具栏的窗口呢
- 如何用 javascript 改变 iframe 的scrolling 属性
<td id="scroll_end"></td>
"><img src="http://www.csdn.net/Images/logo_csdn.gif" width="120" height="60" border="0"></a><a href="http://www.csdn.net/"><img src="http://www.csdn.net/Images/logo_csdn.gif" width="120" height="60" border="0"></a><SCRIPT>
var speed=60
var sc_end = document.getElementById("scroll_end");
var sc_begin = document.getElementById("scroll_begin");
var sc_div = document.getElementById("scroll_div");
sc_end.innerHTML=sc_begin.innerHTML
function Marquee(){
if(sc_end.offsetWidth-sc_div.scrollLeft<=0)
sc_div.scrollLeft-=sc_begin.offsetWidth;
else{
sc_div.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed)
sc_div.onmouseover=function() {clearInterval(MyMar)}
sc_div.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</SCRIPT>