关于滚动字幕的小问题

sunwatch 2003-09-08 04:26:31
我用<MARQUEE direction=up height=275 onmouseout="this.start ()"
scrollDelay=400 width=325
border="0">
作滚动字幕,但它只在最后一行消失后才做下一次滚动.留下一大片空白。请问有没有办法让它第一行紧跟着最后一行作滚动?
...全文
76 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
netyvon 2003-11-27
  • 打赏
  • 举报
回复
上面的代码是竖着滚动的,我想让他横着滚动,该怎么改?
Jarod 2003-11-27
  • 打赏
  • 举报
回复
up
thrillers 2003-09-08
  • 打赏
  • 举报
回复
<marquee direction=up height=280
onMouseOut=this.start() onMouseOver=this.stop() scrollamount=1
scrolldelay=20 width="100%" height=80>
.........


</marquee>
  • 打赏
  • 举报
回复
<div id="marquees">
<!-- 这些是字幕的内容,你可以任意定义 -->
<a href="#">链接一</a><br/>
<br/>
<a href="#">链接二</a><br/>
<br/>
<a href="#">链接三</a><br/>
<br/>
<a href="#">链接四</a><br/>
<br/>
<!-- 字幕内容结束 -->
</div>
<!-- 以下是java-script代码 -->
<script language="javascript">
<!--
marqueesHeight=200; //内容区高度

stopscroll=false; //这个变量控制是否停止滚动
with(marquees){
noWrap=true; //这句表内容区不自动换行
style.width=0; //于是我们可以将它的宽度设为0,因为它会被撑大
style.height=marqueesHeight;
style.overflowY="hidden"; //滚动条不可见

onmouseover=new Function("stopscroll=true"); //鼠标经过,停止滚动
onmouseout=new Function("stopscroll=false"); //鼠标离开,开始滚动
}
//这时候,内容区的高度是无法读取了。下面输出一个不可见的层"templayer",稍后将内容复制到里面:
document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');

function init(){ //初始化滚动内容
//多次复制原内容到"templayer",直到"templayer"的高度大于内容区高度:
while(templayer.offsetHeight<marqueesHeight){
templayer.innerHTML+=marquees.innerHTML;
}
//把"templayer"的内容的“两倍”复制回原内容区:
marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
//设置连续超时,调用"scrollUp()"函数驱动滚动条:
setInterval("scrollUp()",100);
}
document.body.onload=init;

preTop=0; //这个变量用于判断滚动条是否已经到了尽头

function scrollUp(){ //滚动条的驱动函数
if(stopscroll==true) return; //如果变量"stopscroll"为真,则停止滚动
preTop=marquees.scrollTop; //记录滚动前的滚动条位置
marquees.scrollTop+=1; //滚动条向下移动一个像素
//如果滚动条不动了,则向上滚动到和当前画面一样的位置
//当然不仅如此,同样还要向下滚动一个像素(+1):
if(preTop==marquees.scrollTop){
marquees.scrollTop=templayer.offsetHeight-marqueesHeight+1;
}
}
-->
</script>
eva 2003-09-08
  • 打赏
  • 举报
回复
用js做滚动字幕,
阿里巴巴好像有个页面就用的js
以前看过
你可以找一找去扒代码

87,988

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧