没有合适的资源?快使用搜索试试~ 我知道了~
利用Marquee实现无缝循环滚动文字
4星 · 超过85%的资源 需积分: 46 1.1k 下载量 187 浏览量
2010-02-25
17:23:31
上传
评论 6
收藏 3KB TXT 举报
温馨提示
试读
3页
MARQUEE属性与用法,能实现无缝循环滚动文字,上下,左右都可以
资源推荐
资源详情
资源评论
<DIV id=demo style="BACKGROUND: #ffffff; OVERFLOW: hidden; WIDTH: 150px; COLOR: #0000ff; HEIGHT: 200px">
<DIV id=demo1>
<div align="center">
<A href="http://myok.bokee.com/..." target=_blank><IMG src="图片链接地址" border=0></A><br>
<A href="http://myok.bokee.com/..." target=_blank><IMG src="图片链接地址" border=0></A><br>
<A href="http://myok.bokee.com/..." target=_blank><IMG src="图片链接地址" border=0></A>
</div>
</DIV>
<DIV id=demo2></DIV>
</DIV>
<SCRIPT language="javascript">
var speed=50;
demo2.innerHTML=demo1.innerHTML;
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0){
demo.scrollTop-=demo1.offsetHeight;
}
else{
demo.scrollTop++;
}
}
var MyMar=setInterval(Marquee,speed);
demo.onmouseover=function() {clearInterval(MyMar)};
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
</SCRIPT>
DIRECTION:用于设定文本滚动的方向,可以设定的值有:LEFT,RIGHT。此属性不是必须使用的。
例:
[MARQUEE DIRECTION="LEFT" ]文字向左边滚动 [/MARQUEE]
<DIV id=demo1>
<div align="center">
<A href="http://myok.bokee.com/..." target=_blank><IMG src="图片链接地址" border=0></A><br>
<A href="http://myok.bokee.com/..." target=_blank><IMG src="图片链接地址" border=0></A><br>
<A href="http://myok.bokee.com/..." target=_blank><IMG src="图片链接地址" border=0></A>
</div>
</DIV>
<DIV id=demo2></DIV>
</DIV>
<SCRIPT language="javascript">
var speed=50;
demo2.innerHTML=demo1.innerHTML;
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0){
demo.scrollTop-=demo1.offsetHeight;
}
else{
demo.scrollTop++;
}
}
var MyMar=setInterval(Marquee,speed);
demo.onmouseover=function() {clearInterval(MyMar)};
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
</SCRIPT>
DIRECTION:用于设定文本滚动的方向,可以设定的值有:LEFT,RIGHT。此属性不是必须使用的。
例:
[MARQUEE DIRECTION="LEFT" ]文字向左边滚动 [/MARQUEE]
ljz_761121
- 粉丝: 125
- 资源: 45
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
- 1
- 2
- 3
- 4
- 5
- 6
前往页