JS实现marquee滚动效果

最新推荐文章于 2025-05-05 13:58:30 发布

iteye_19603

最新推荐文章于 2025-05-05 13:58:30 发布

阅读量496

点赞数

本文介绍了marquee标签的两个主要缺点：浏览器间的兼容性问题及滚动效果非无缝连接。鉴于这些缺点，文章推荐使用JavaScript来实现类似的效果，并提供了一个简单的实例。

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

前言

marquee标签是微软推出的一个增强html标签动画功能的标签，也是W3C不被推荐使用的标签，因为marquee标签存在两个缺点。

marquee标签的缺点

1、浏览器间存在兼容性问题（IE8下已经放弃对marquee的支持了，MARQUEE是微软自己创造出来的，现在火狐都支持了，它自己不干了）。

2、marquee滚动不是无缝连接循环滚动。

因此，推荐使用js代替marquee标签的功能，本人写了个简单的实例，下载地址： http://download.youkuaiyun.com/detail/bbirdsky/5213749

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

iteye_19603

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

用js做marquee效果

Gunter's Blog

06-27

1002

我们用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

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标签

03-16

使用js实现了ie的marquee标签滚动功能，　　使之能兼容FF,ie 并修正了纯中文横向滚动时的bug..

深入掌握jQuery Marquee.js滚动效果

最新发布

weixin_28999139的博客

05-05

679

jQuery Marquee.js是一个轻量级jQuery插件，专为Web开发者设计，用于快速创建垂直或水平滚动的文本、图片等元素。它提供了一系列简单直观的API，使得实现滚动效果变得异常简单，同时它还支持自定义滚动速度、方向、循环和停止控制等特性，满足了不同项目中的多样化需求。为了更好地理解兼容性问题，首先需要了解浏览器的基本渲染机制。浏览器通过解析HTML和CSS来构建文档对象模型（DOM），然后使用CSS选择器和布局引擎来决定如何在屏幕上显示内容。

使用JavaScript实现marquee功能

jokes000的专栏

12-29

428

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

6616

dom: 18301552530用户已获得25%的加奖资格　1830155253１用户已获得25%的加奖资格　1830155253２用户已获得25%的加奖资格 js: $(function () { var m = $('#marquee')[0];

Javascript 实现marquee功能

biosman的专栏

11-08

1014

无标题文档 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

938

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <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

javascript js仿marquee标签的走马灯效果.zip

01-08

js仿marquee标签的走马灯效果

原生JS实现跑马灯marquee

aring1998的博客

06-01

773

一、实现效果

实现marquee滚动效果

weixin_34408624的博客

12-28

255

背景：marquee标签在有些浏览器兼容性不好，就手动用原生js实现了下。横着滚动效果链接描述 <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="wi...

marquee标签(文字滚动)

m0_63607954的博客

04-14

730

标签,是成对出现的标签,首标签和尾标签