JS实现marquee滚动效果

替代marquee标签的方法
最新推荐文章于 2023-04-14 16:42:43 发布
最新推荐文章于 2023-04-14 16:42:43 发布 · 510 阅读 · 0

本文介绍了marquee标签的两个主要缺点：浏览器间的兼容性问题及滚动效果非无缝连接。鉴于这些缺点，文章推荐使用JavaScript来实现类似的效果，并提供了一个简单的实例。
前言
marquee标签是微软推出的一个增强html标签动画功能的标签，也是W3C不被推荐使用的标签，因为marquee标签存在两个缺点。

marquee标签的缺点
1、浏览器间存在兼容性问题（IE8下已经放弃对marquee的支持了，MARQUEE是微软自己创造出来的，现在火狐都支持了，它自己不干了）。
2、marquee滚动不是无缝连接循环滚动。

因此，推荐使用js代替marquee标签的功能，本人写了个简单的实例，下载地址： http://download.youkuaiyun.com/detail/bbirdsky/5213749
iteye_19603
关注
js实现marquee标签
03-16
使用js实现了ie的marquee标签滚动功能， 　　使之能兼容FF,ie 并修正了纯中文横向滚动时的bug..
JS实现无缝循环marquee滚动效果
12-29
无缝循环marquee滚动JS代码实现，兼容IE, FireFox, Chrome，供大家参考，具体内容如下 首先是CSS和HTML如下: #marquee_zxd { border: 1px solid red; white-space: nowrap; overflow: hidden; width: 500px; ...
用js做marquee效果
Gunter's Blog
06-27 1022
我们用js+html来模拟marquee标签效果，下面代码只不过是向上翻滚的：TABLE align=center bgColor=#ffffff border=0 cellPadding=0 cellSpacing=0 width=779>TBODY>DIV  id=demo  style="overflow:hidden;height  :40px;width  :760px;back
使用JavaScript实现marquee功能
jokes000的专栏
12-29 441
Code:(for IE) var info = "abcdefg"; var seq1 = 0; var seq2 = 0; var space = 0; var timeid = 0; var timefunc = "scroll1()"; function scroll1() { if(seq1 < info.length) { se...
js实现marquee头尾无缝滚动
谁说学美术将来只能卖画了，我也有自己的梦想。
11-02 6637
dom: 18301552530用户已获得25%的加奖资格　1830155253１用户已获得25%的加奖资格　1830155253２用户已获得25%的加奖资格 js: $(function () { var m = $('#marquee')[0];
Javascript 实现marquee功能
biosman的专栏
11-08 1023
无标题文档 hello,world! this is a nother test var i=200; test(); function test() { document.getElementById("mytext").style.marginRight=i; i+=2; if(i>=1000) i=200;
使用JavaScript实现Marquee滚动效果
"使用Javascript实现Marquee滚动效果的代码示例" 在网页设计中，Marquee效果是一种常见的滚动展示文本或图像的方式，它可以让内容在指定的区域内自左向右、自上而下或者自右向左连续滚动。在HTML4中，我们可以使用`...
JS与HTML结合使用marquee标签实现无缝滚动效果代码
10-22
在本文中，我们将深入探讨如何使用JavaScript（JS）与HTML中的`<marquee>`标签结合，来实现一个无缝滚动效果。`<marquee>`标签在HTML中被用来创建元素（如文字或图像）的滚动效果，而通过JavaScript，我们可以对其...
分别用marquee和div+js实现首尾相连循环滚动效果，仅3行代码
10-28
首先，我们来看使用`<marquee>`标签实现的循环滚动效果。`<marquee>`是HTML的一个非标准但广泛支持的元素，主要用于创建水平或垂直滚动的效果。在提供的代码中，`<marquee>`标签设置了`behavior="scroll"`，表示内容...
marquee js实现&头尾固定中间滑动布局&移动端mate
未来以来 futureToday
04-18 956
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0,
juqery实现marquee的效果
05-19
juqery实现marquee的效果，手机端也可以使用，不卡顿
用Javascript来实现Marquee效果
07-01
用Javascript来实现Marquee效果
基于Marquee.js插件实现的跑马灯效果示例
10-20
主要介绍了基于Marquee.js插件实现的跑马灯效果,结合实例形式给出了Marquee.js插件的定义及具体使用方法,需要的朋友可以参考下
js Marquee上下滚动效果
03-24
NULL 博文链接：https://gsllong.iteye.com/blog/1096116
原生JS实现跑马灯marquee
aring1998的博客
06-01 793
一、实现效果
实现marquee滚动效果
weixin_34408624的博客
12-28 268
背景：marquee标签在有些浏览器兼容性不好，就手动用原生js实现了下。横着滚动效果链接描述 <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="wi...
marquee标签(文字滚动)
m0_63607954的博客
04-14 848
标签,是成对出现的标签,首标签和尾标签
javascript模拟marquee跑马灯效果
QTFYING的博客
08-07 996
javascript完美模拟marquee效果 随着html中的标签marquee不在被W3C作为标准采纳，在可遇见的未来也会慢慢的被各大浏览器抛弃，直至废弃，为什么被废弃呢，经过小雨我不辞辛苦的总结有以下几种原因： marquee这家伙是微软自己创造出来的，现在火狐都支持了，它自己不干了 marquee的效果，必须要前一次滚动完成之后，才会接着下一次，会留白很长一段时间，适合无限向上滚动，无限...
用javascript实现的marquee效果
河南商人网|http://www.hnsr.net
05-27 1207
           dffffffffffffffffdffffffffffffff          dffffffffffffffffdffffffffffffff          dffffffffffffffffdffffffffffffff          dffffffffffffffffdffffffffffffff          dffffffffffffffffdfff
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值