滚动插件jQuery Marquee

官方地址：http://plugins.jquery.com/marquee/

引入方式：

<script type="text/javascript" src="../marqueed/jquery.marquee.js"></script>

常用的属性：

参数	描述
direction	方向，默认为left
duration	滚动时长（单位：毫秒），默认为left
gap	滚动一个周期的间距（单位：px），默认为20
delayBeforeStart	滚动开始延迟时间（单位：毫秒），默认为1000
duplicated	无缝衔接，默认为false
duplicated	初始位置设置，默认为true
pauseOnHover	true // 鼠标滑向文字时是否停止滚动
loop	-1 // 设置循环滚动次数（-1为无限循环）
fxEasingShow	"swing" // 缓冲效果
fxEasingScroll	"linear" // 缓冲效果
cssShowing	"marquee-showing" //定义class //
init	null // 初始调用函数
beforeshow	null // 滚动前回调函数
show	// 当新的滚动内容显示时回调函数
aftershow	// 滚动完了回调函数
height	//设定滚动字幕的高度
width	//设定滚动字幕的宽度
hspace、vspace	//设定滚动字幕的左右和上下边框

高级配置：

参数	描述
allowCss3Support	支持css3运动效果，默认为true
pauseOnHover	鼠标移动暂停滚动，默认为false
css3easing	css3过渡效果，默认为linear。包含linear、swing等在内一共32种，其本质为贝塞尔曲线（三次），详见附图

常用示例：

$('.container').marquee({direction: 'left',      //方向（默认为left，下同）duration: 5000,         //滚动时长（单位：毫秒）gap: 20,                //滚动一个周期的间距（单位：px）delayBeforeStart: 1000, //滚动开始延迟时间（单位：毫秒）duplicated: false,      //无缝衔接startVisible: true      //初始位置设置});//jquery marquee的使用

亲测可用！

滚动插件jQuery Marquee相关推荐

图片滚动插件jquery bxslider
https://www.cnblogs.com/axl234/p/4167196.html 转载于:https://www.cnblogs.com/luckyplj/p/9867312.html
JQuery Marquee插件(无缝滚动效果)- marquee.js
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...
JQuery自定义插件详解之Banner图滚动插件
前言 JRedu JQuery是什么相信已经不需要详细介绍了.作为时下最火的JS库之一,JQuery将其"Write Less,Do More!"的口号发挥的极致.而帮助J ...
15个非常棒的jQuery无限滚动插件【瀑布流效果】
现在,最热门的网站分页趋势之一是jQuery的无限滚动(也即瀑布流).如果你碰巧观察Pinterest的网站,如Facebook,Twitter和deviantART的,你会发现无限滚动的动作,当旧的 ...
php页头滚动文字公告,jQuery公告栏文字滚动插件
jQue作一新求抖直微圈ry插件关于jQue作一新求抖直微圈ry插件,http://www.cnblogs.com/ajianbeyourself/p/5815689.html 这篇文章写得真心不错 ...
一个非常超级可爱的滚动到顶端(Back to top)的jQuery插件- jQuery Back to Top
日期:2011/11/17 来源:GBin1.com 今天介绍一个非常可爱漂亮的滚动到顶端的插件,无需设置.它能快速的将页面里的元素添加滚动到顶端的功能.而且只在滚动时才出现,当滚动到顶端自动消失. ...
6款帮助滚动视差jquery插件
在网页设计中,视差滚动(Parallax Scrolling)是当下流行的网页设计技术,通过让多层背景以不同的速度或者不同的方向移动来形成非常有趣的 3D 运动效果.下面是一些运用视差滚动效果的优秀网 ...
[置顶] Web开发百宝箱——提升网站档次的时尚 jQuery 图片滚动插件
这篇文章向大家推荐8款时尚的 jQuery 图片滚动插件.jQuery 是最流行和使用最广泛的 JavaScript 框架,它可以让帮助你在你的项目中加入一些很炫的图片滚动效果.希望这些插件对你有所帮 ...
Google分析用户页面滚动深度分析jQuery插件 - jQuery Scroll Depth
日期:2012-4-29 来源:GBin1.com Google Analytics(Google分析)对于广大站长来说,肯定不是一个陌生的工具,它能提供给我们众多的网站访问相关信息及其用户使用情况 ...

滚动插件jQuery Marquee

滚动插件jQuery Marquee相关推荐

最新文章

热门文章