使用该跑马灯特效之前要先引入jQuery和marquee.js文件。 HTML结构：跑马灯中的文字使用无序列表来制作，外面使用一个作为包裹容器。
创新互联专注于掇刀网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供掇刀营销型网站建设，掇刀网站制作、掇刀网页设计、掇刀网站官网定制、微信小程序服务，打造掇刀网络公司原创品牌,更为您提供掇刀网站排名全网营销落地服务。
jquery跑马灯 图片不间断滚动效果 引入 JQuery 库 引入 Marquee 插件 代码放在 标签前，如图：jquery跑马灯 图片不间断滚动效果 给 div 增加 marquee 类 保存文件，在浏览器中打开，就可以看到图片开始滚动了。
用oul.css(left)-1000 试一下。
主要思路：滑动动画，就是改变元素的位置，要改变元素的位置有两种方法，一种改变left，top属性(相对定位和绝对定位)，还有一种，就是现在这里用到的，改变margin的值。
1、css代码就是文字闪烁text-decoration：blink；不过很可惜，IE、Chrome 或 Safari 不支持 blink 属性值，所以只有在 Firefox 和 Opera 下支持这 CSS 实现在闪动效果。加上js代码就可以了。
2、做闪光字可以用js代码来实现，纯css代码是很难实现的。
3、这个实现的方法有很多种。这里就介绍一种js实现的方案。
4、就会重新从0开始。在这段代码中，使用了document.getElementById函数来获取文本元素，然后通过style.color属性来设置文本颜色。你可以将文件保存为blink.html，然后在文件夹中双击打开，就可以看到变化的文本颜色。
css代码就是文字闪烁text-decoration：blink；不过很可惜，IE、Chrome或Safari不支持blink属性值，所以只有在Firefox和Opera下支持这CSS实现在闪动效果。加上js代码就可以了。
浏览器运行index.html页面，此时文字实现了闪烁的效果。
文字闪烁应该是gif动画能做出来，文字用代码只能左右或上下滚动。
