关于一个用javascript做的跑马灯的效果
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了关于一个用javascript做的跑马灯的效果相关的知识，希望对你有一定的参考价值。
做了一个页面 其中有个跑马灯效果 代码如下所示:
<table width="630" border="0">
<tr>
<td bgcolor="#E6E6E6" height="20"><span class="span1"> 产品展示</span></td>
</tr>
<tr>
<td height="200"><div id=demo style="OVERFLOW: hidden; WIDTH:630px; HEIGHT: 200px" align=center>
<table cellspacing=0 cellpadding=0 align=left border=0 cellspace="0">
<tbody>
<tr>
<td id=demo1 valign=top>
<table>
<tr>
<td><img height =135 width =171 src ="**.jpg" /></a></td>
<td><img height =135 width =171 src ="**.jpg" /></a></td>
</tr>
</table>
</td>
<td id=demo2 valign=top></td>
</tr>
</tbody>
</table>
</div>
<div align="center">
<SCRIPT>
var speed=2
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>
</div></td>
</tr>
</table>
问题是速度太慢 想让他快点 不知道该动哪儿（speed试过了 不行）希望各位帮帮忙 谢谢了
将每次移动的相素增加即可
javascript走马灯的效果(文档标题文字滚动)
做一些网站的时候，文档标题会滚动，这个效果是走马灯的效果。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>走马灯的效果</title>
</head>
<body>
<script>
var dir="";
function zouma(){
var tit=document.title;
if(dir=="left"){
var first=tit.substring(0,1);
//console.log(first);
var last=tit.substring(1,tit.length);
document.title=last+first;
}else if(dir=="right"){
var first=tit.substring(0,tit.length-1);
console.log(first);
var last=tit.substring(tit.length-1);
document.title=last+first;
}
}
function strdir(d){
dir=d;
}
setInterval("zouma()",600);
</script>
<button id="left" type="button" onclick="strdir(‘left‘)">向右滑动</button>
<button id="right" type="button" onclick="strdir(‘right‘)">向左滑动</button>
</body>
</html>
这个分为向左滚动和向右滚动，默认不滚动
以上是关于关于一个用javascript做的跑马灯的效果的主要内容，如果未能解决你的问题，请参考以下文章