<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>
解决方案 »
- jquery autocomplete
- js无间断力片滚动 只能滚一次
- 大家帮我看一下 那里有错误!
- 当我缩小浏览器窗口的宽度时,内容为什么都能全部显示。我要他是不能全部显示的,通过水平滚动条来看。怎么做?急求大家、
- 大家快来帮帮忙啊,200分相赠!!!
- 下面这个程序怎么解释,我这个好像有错啊
- table中的某个单元格中有一个button,当点击该button时,怎样得到它所在的单元格是在table的第几行中?
- 如何知道一个窗口的工具栏、地址栏以及菜单是否存在?
- 怎样把网页上的表格内容导入到excel中,表格title有两层甚至三层,有例子请参考
- 别嫌我烦,我真的怕了jsp了!
- 我怎么能把表单提交个一个没有菜单和工具栏的窗口呢
- 如何用 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>