社区
CSS
帖子详情
如何实现文字向左无间断的滚动
feimaruo
2007-01-08 08:05:02
偶实新手,像各位大虾请教。我用MARQUEE中间会有一段时间的间隔,请问什么代码可以实现不停的滚动。
谢谢了
...全文
724
2
打赏
收藏
如何实现文字向左无间断的滚动
偶实新手,像各位大虾请教。我用MARQUEE中间会有一段时间的间隔,请问什么代码可以实现不停的滚动。 谢谢了
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
2 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
飘零雾雨
2007-01-09
打赏
举报
回复
http://pysj.v-ec.com/model/xhtmlcss/leftscroll.htm
yeaky
2007-01-09
打赏
举报
回复
<div id="marquees"> <!-- 这些是字幕的内容,你可以任意定义 --> <a href="#">链接1</a>
<br> <a href="#">链接2</a>
<br> <a href="#">链接3</a>
<br> <a href="#">链接4</a>
<br> <!-- 字幕内容结束 -->
</div>
<!-- 以下是javascript代码 -->
<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()",20);
}
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>
图片不间断向
左
滚动
,js图片向
左
不间断
滚动
图片不间断向
左
滚动
,找了一下午,终于找到了!
文字
向
左
无缝
滚动
,兼容浏览器
文字
向
左
无缝不间断
滚动
效果,鼠标移上去暂停,移开接着
滚动
~~兼容各浏览器,页面代码是用div写的
JS不间断向
左
右循环
滚动
轻松
实现
图片的
左
右
滚动
,循环
滚动
。并且是一出来就循环
纯js不间断
滚动
纯js不间断
滚动
代码 来源: http://www.cssrain.cn/demo/Class-Of-Marquee-Scroll/MSClass.html 使用方法: 应用说明:页面包含<script type="text/javascript" src="MSClass.js"></script> 创建实例: //参数...
通用不间断
滚动
JS封装类,支持图片、
文字
等,兼容各大浏览器,方便修改参数
---通用不间断
滚动
JS封装类,支持图片、
文字
等,兼容各大浏览器,方便修改参数. ---几乎支持目前所有流行风格的图片或
文字
的
滚动
/切入/渐显等效果,同时支持横向/竖向/连续/间断/缓动等多种形式。 ---网页里面
文字
或...
CSS
61,112
社区成员
60,732
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章