js实现文字左右滚动效果
最简单的文字向上滚动效果利用MARQUEE
| 代码如下 |
复制代码 |
|
<MARQUEE onmouseover=this.stop() style="WIDTH: 100%; HEIGHT: 195px" onmouseout=this.start() scrollAmount=2 direction=up><a href="sys_clew1.jsp">1</a><br><a href="sys_clew2.jsp">2</a><br><a href="sys_clew3.jsp">3</a><br></MARQUEE>
|
上面的方法是我刚学程序时写的,下面百度一个不错的代码。
| 代码如下 |
复制代码 |
|
<div id="dvvv" style="overflow: hidden; height: 27px; width: 750px;">
<div id="dvvv1">
<ul style="padding-left: 0px; margin-top: 0px;">
<li style="list-style-type: none;white-space:nowrap“>
滚动吧，不停的文字滚动吧。</li>。
</ul>
</div>
<div id="dvvv2">
</div>
</div>
<script type="text/javascript">
var speded=30
dvvv2.innerHTML=dvvv1.innerHTML
function Marqpuee(){
if(dvvv2.offsetWidth-dvvv.scrollLeft<=0)
dvvv.scrollLeft-=dvvv1.offsetWidth
else{
dvvv.scrollLeft++
}
}
var MyMmar=setInterval(Marqpuee,speded)
dvvv.onmouseover=function() {clearInterval(MyMmar)}
dvvv.onmouseout=function() {MyMmar=setInterval(Marqpuee,speded)}
</script>
|
补充：网页制作,js教程
