社区
JavaScript
帖子详情
关于滚动字幕的小问题
sunwatch
2003-09-08 04:26:31
我用<MARQUEE direction=up height=275 onmouseout="this.start ()"
scrollDelay=400 width=325
border="0">
作滚动字幕,但它只在最后一行消失后才做下一次滚动.留下一大片空白。请问有没有办法让它第一行紧跟着最后一行作滚动?
...全文
77
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>
好记忆不如烂笔头abc
2003-09-08
打赏
举报
回复
<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
以前看过
你可以找一找去扒代码
滚动
字幕
scrollTop无效
问题
本文介绍了一种实现
字幕
实时
滚动
的方法,并解决了在不同浏览器中遇到的兼容性
问题
。通过对比原生JS和jQuery两种实现方式,最终找到了一种在各浏览器下都能稳定运行的解决方案。
原生JS实现marquee
滚动
字幕
效果,完美解决频闪
问题
本文介绍了一种在HTML5中实现
滚动
字幕
的方法,利用window.requestAnimationFrame()替代已弃用的marquee标签,解决了频闪
问题
,提供了一个平滑
滚动
的解决方案。
js实现
滚动
字幕
程序所遇到的
问题
~~~
本文介绍了一种使用JavaScript实现
滚动
字幕
的方法,并讨论了如何处理内联样式的
问题
及overflow:hidden的作用。
html
滚动
字幕
鼠标放上去就停止,【快看!】jq 动画
滚动
字幕
,stop()停止动画后再移入速度变慢
问题
...
本文探讨了网页中
滚动
字幕
的速度变化
问题
,包括初始
滚动
速度变慢及鼠标悬停时速度下降的现象,并提供了相应的代码实现及事件监听的解决方案。
老
问题
之:js的实现
滚动
字幕
。
本文介绍了一种在网页中实现
滚动
字幕
的方法,包括使用旧标签<marquee>的局限性和一种更灵活的JS方案。通过JS定时器和元素的scrollLeft属性实现连续
滚动
,并提供了代码示例。讨论了如何优化代码以减少内存占用,如字符串拷贝技巧。同时,解答了关于clearInterval()使用时的风险
问题
。
JavaScript
87,987
社区成员
224,683
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章