用marquee和div+js实现首尾相连循环滚动效果

最新推荐文章于 2023-06-16 17:34:41 发布
最新推荐文章于 2023-06-16 17:34:41 发布
阅读量1k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 系统运维
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ztguang/article/details/51012127
本文提供了一种实现首尾相连循环滚动效果的方法，包括使用Marquee和DIV+JS两种方式，适合不同浏览器兼容性需求。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

http://www.cnblogs.com/rym1020/archive/2011/09/19/2181453.html

这是本人2007年进行的一项研究，当时网络上没有什么既精简又实用的循环滚动代码，所以就自己琢磨了段时间，最终找到这个办法

 


http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">
     分别用marquee和div+js实现首尾相连循环滚动效果
用marquee实现首尾相连循环滚动效果（仅IE）：

这里是要滚动的内容





用DIV+javascript实现首尾相连循环滚动效果（兼容firefox）：

这里是要滚动的内容



<script>window._bd_share_config={"common":{"bdsnskey":{},"bdtext":"","bdmini":"2","bdminilist":false,"bdpic":"","bdstyle":"0","bdsize":"16"},"share":{}};with(document)0[(getelementsbytagname('head')[0]||body).appendchild(createelement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new date()/36e5)];</script>
阅读(722) | 评论(0) | 转发(0) |
0

上一篇：Linux 让进程在后台可靠运行的几种方法

下一篇：linux下epoll如何实现高效处理百万句柄的

相关热门文章
给主人留下些什么吧！~~
评论热议
marquee 实现首尾相连循环滚动效果
weixin_30455661的博客
12-14 5059
　　<marquee></marquee>可以实现多种滚动效果，无需js控制。使用marquee标签不仅可以滚动文字，也可以滚动图片，表格等 　　marquee标签不是HTML3.2的一部分，并且只支持MSIE3以后内核，所以如果你使用非IE内核浏览器(如：Netscape)可能无法看到下面一些很有意思的效果，该标签是个容器标签。 一、marquee标签的几个重要属...
分别用marquee和div+js实现首尾相连循环滚动效果，仅3行代码
10-28
是本人2007年进行的一项研究，当时网络上没有什么既精简又实用的循环滚动代码，所以就自己琢磨了段时间，最终找到这个办法
文字左右无缝滚动
King52089的博客
02-02 1405
marquee实现首尾相连循环滚动效果（）：  代码如下: <marquee behavior="scroll" contenteditable="true" onstart="this.firstChild.innerHTML+=this.firstChild.innerHTML;" scrollamount="3" width="100" onmouseover="this.sto
分别用marquee和div+js实现首尾相连循环滚动效果
37度2
02-18 7625
分别用marquee和div+js实现首尾相连循环滚动效果，特效代码非常精简，仅3行实现！ 分别用marquee和div+js实现首尾相连循环滚动效果 用marquee实现首尾相连循环滚动效果（仅IE）： 这里是要滚动的内容 用DIV+javascript实现首尾相连循环滚动效果（兼容firefox）： 这里是要滚动的内容 <!-- function
div+css+js实现无缝滚动类似marquee无缝滚动兼容firefox
12-08
div+css+javascript 实现无缝滚动,marquee无缝滚动，无缝滚动,兼容firefox 用marquee实现首尾相连循环滚动效果（仅IE）： 代码如下: <marquee behavior=”scroll” contenteditable=”true” xss=removed ...
如何利用JavaScript实现跨浏览器兼容的首尾相连滚动效果？请提供精简且高效的代码示例。
11-02
参考资源链接：[精简版首尾相连循环滚动效果：marquee与div+js实现](https://wenku.youkuaiyun.com/doc/6412b73bbe7fbd1778d498ff?spm=1055.2569.3001.10343) ```html <!DOCTYPE html> #marquee { white-space: ...
如何使用原生JavaScript实现一个跨浏览器兼容的首尾相连滚动效果，并提供可复用的代码示例？
最新发布
11-02
参考资源链接：[精简版首尾相连循环滚动效果：marquee与div+js实现](https://wenku.youkuaiyun.com/doc/6412b73bbe7fbd1778d498ff?spm=1055.2569.3001.10343) ```javascript // 首先，定义滚动函数，该函数将负责滚动逻辑...
<marquee>aa</marquee>实现内容滚动时首尾相连，不出现空白的时候
kaka100
11-15 655
[code="java"] 1233333333 var speed=15; //移动速度 demo2.innerHTML=demo1.innerHTML; function Marquee1(){ if(demo2.offsetWidth-demo....
HTML标签marquee实现滚动效果的简单方法(必看)
09-28
下面小编就为大家带来一篇HTML标签marquee实现滚动效果的简单方法(必看)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，祝大家游戏愉快哦
HTMl 中marquee标签实现无缝滚动跑马灯效果
11-21
标签，它是成对出现的标签，首标签和尾标签之间的内容就是滚动内容。标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等，它们都是可选的。 今天在做微信端的大转盘抽奖时，想把所有用户的抽奖记录做成无缝滚动的效果，无奈我的js功底太差，一时想不出实现的方法，便百度各种相似效果。但无意中发现了一个html标签——可以实现多种滚动效果，无需js控制。使用marqu
跑马灯首尾相接无缝隙.js
05-10
跑马灯首尾相接无缝隙.js
Marquee首尾相连不间断移动 开始完全显示(转)
胡杰的专栏
03-10 4843
模拟Marquee实现首尾想连的移动效果.col_kx { OVERFLOW: hidden; WIDTH: 700px }                                                                                                        seo相关知识 数据库开发原理 (2) 网站安全        
marquee(文字滚动)标签
m0_58739892的博客
06-16 835
marquee>标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等，它们都是可选的。这两个属性的参数值可以是数字或者百分数，数字表示矩形所占的(宽或高)像素点数，百分数表示矩形所占浏览器窗口的(宽或高)百分比。文字滚动的方向，属性的参数值有down、left、right、up共四个单一可选值，分别代表滚动方向向下、向左、向右、向上。
用marquee和div+js实现首尾相连循环滚动
boolean2011的专栏
01-10 670
分别用marquee和div+js实现首尾相连循环滚动效果 用marquee实现首尾相连循环滚动效果（仅IE）： 这里是要滚动的内容 用DIV+javascript实现首尾相连循环滚动效果（兼容firefox）： 这里是要滚动的内容  function scroll(obj) {   var tmp = (obj.scrollLeft)++;   //当滚动条到达右边
Marquee首尾相连不间断移动 开始完全显示
将Java进行到底-http://www.itpob.cn
01-22 203
学java和asp.net的朋友-免费的浪曦java视频和asp.net视频下载.是全套的完整的。http://www.itpob.cn/bbs/thread-196-1-1.html有需要的可以去下。   实现首尾相连的Marquee效果，并且在开始时完整显示内容。而不是从左边渐渐移动出来！有时很需要类似效果！发布出来。Code highlighting produced by Actipr...
HTML中的marquee标签实现滚动效果
weixin_30808575的博客
07-22 649
一、通过开始标签<marquee>和结束标签</marquee>的共同配合而实现滚动效果，<marquee>滚动的内容</marquee>,滚动内容可以是超链接、图片、文字或者表格。 二、标签属性 1.behavior 行为属性有三个值 alternate、scroll、slide alternate 来回交替滚动（方向属性对此...
HTML的滚动标签-marquee
yx9o
09-16 1967
HTML滚动标签 标签，它是成对出现的标签，首标签和尾标签之间的内容就是滚动内容。 标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等，它们都是可选的。 标签常用到的两个事件: onMouseOut="this.start()" 当鼠标移
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值