本文介绍了一种利用HTML与JavaScript实现的滚动文字效果。通过设置div的高度和使用JavaScript控制滚动位置，可以使文字在限定区域内循环滚动展示。
<html>
<head>
<title></title>
</head>
<body>
<div id=mmh style="BACKGROUND: #efefef; OVERFLOW: hidden; WIDTH: 120px; CURSOR: hand; HEIGHT: 100px">
<!--注意设置id:mmh的height的参数-->
<div id=mmh1>
<!--以下为页面显示内容-->
<table>
<tr>
<td>
dffffffffffffffffdffffffffffffff
</td>
</tr>
<tr>
<td>
dffffffffffffffffdffffffffffffff
</td>
</tr>
<tr>
<td>
dffffffffffffffffdffffffffffffff
</td>
</tr>
<tr>
<td>
dffffffffffffffffdffffffffffffff
</td>
</tr>
<tr>
<td>
dffffffffffffffffdffffffffffffff
</td>
</tr>
<tr>
<td>
dffffffffffffffffdffffffffffffff
</td>
</tr>
<tr>
<td>
dffffffffffffffffdffffffffffffff
</td>
</tr>
<tr>
<td>
dffffffffffffffffdffffffffffffff
</td>
</tr>
<tr>
<td>
dffffffffffffffffdffffffffffffff
</td>
</tr>
<tr>
<td>
dffffffffffffffffdffffffffffffff
</td>
</tr>
<tr>
<td>
dffffffffffffffffdffffffffffffff
</td>
</tr>
<tr>
<td>
dffffffffffffffffdffffffffffffff
</td>
</tr>
</table>
</div>
<div id=mmh2>
</div>
</div>
<SCRIPT language="javascript">
var speed=10;
mmh2.innerHTML=mmh1.innerHTML;
//id.innerHTML显示的是ID显示的内容
//alert(mmh2.innerHTML);
function Marquee(){
if(mmh2.offsetHeight-mmh.scrollTop<=0){
mmh.scrollTop-=mmh1.offsetHeight;
//alert(mmh2.offsetWidth);
}
else{
mmh.scrollTop++;
}
}
var Mymmh=setInterval(Marquee,speed);
//alert(Mymmh);
mmh.onmouseover=function()
{clearInterval(Mymmh);}
mmh.onmouseout=function()
{Mymmh=setInterval(Marquee,speed);}
</SCRIPT>
</body>
</html>
用javascript实现的marquee效果
最新推荐文章于 2024-01-06 11:11:58 发布
扫一扫
500
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
