jQuery插件,可以像旧的传统字幕一样滚动文本
Posted
tags:
中文标题:jQuery插件,可以像旧的传统字幕一样滚动文本 原文标题:jQuery plugin to scroll the text like the old traditional marquee 项目评级:Star:939 Fork:284 下载地址:https://github.com/aamirafridi/jQuery.Marquee 详情介绍支持CSS3的jQuery Marquee
一个~2KB迷你版+GZIPPED(迷你版)jQuery插件,可以像旧的传统字幕一样滚动文本。
安装:
链接:
选项:
事件:
方法:
这些方法可以这样使用:
以下是所有方法的列表:
用法:
Node.js环境中的需求
以下是如何将插件导入为CommonJS模块:
HTML格式:
通常,您会将镶嵌类指定给所需的元素。然后在代码中使用选项哈希对其进行初始化(见下文)。
或者,您可以提供上面列出的所有选项作为数据属性:
CSS格式:
如何应用插件:
如何在React组件中使用(基于类)
如何在React组件中使用(功能)
如何使用方法:
更改内容并重新应用插件。
例如,查看演示页面:http://aamirafridi.com/jquery/jquery-marquee-plugin#examples
如何使用事件:
例如,查看演示页面:http://aamirafridi.com/jquery/jquery-marquee-plugin#examples
图像:
如果您在marquee中使用图像,有时插件无法在图像仍在加载时计算准确的宽度。你可以试试这个,而不是$(document).ready(function()...)
更新:
更新(2016年3月8日):
现在插件有了新的选项:startVisible如果设置为true
,字幕将在开始时可见。感谢@nuke ellington
更新(2014年1月24日):
注意:有人问我如何在Ajax加载内容的情况下使用此插件,请阅读有关此更新的说明。
请报告您发现的任何错误。
有关详细信息,请查看演示:http://aamirafridi.com/jquery/jquery-marquee-plugin#examples
更新(2013年12月20日):
现在,插件将检测浏览器是否支持CSS3动画,而不是使用CSS3动画元素,这将比使用jQuery动画效果好得多。
pauseOnHover
也可以使用CSS3。该插件只准备了设置和所需的CSS3动画CSS。
由于某些原因,如果您希望插件始终使用jQuery进行动画制作,则需要将allowCss3Support
选项设置为false
。此外,还增加了一个css3easing
的额外选项。
例如,查看演示页面:http://aamirafridi.com/jquery/jquery-marquee-plugin#examples
更新(2013年11月27日):
增加了缓解选项。需要jQuery轻松插件。
更新(2013年11月22日):
现在插件支持“向上”和“向下”方向。请看一下这个例子,看看如何使用。
更新(2013年8月21日):
如果您想隐藏某些设备的字幕,请尝试使用 visibility: hidden
和 height: 0
&;position: absolute
而不是 display: none
,因为jQuery无法使用隐藏元素的宽度等进行计算。
有关更多详细信息:
更新(2013年2月22日):
pauseOnHover
增加了选项。请注意,您需要包含jQuery暂停插件:https://github.com/tobia/Pause在jQuery Marquee插件之前。
更新(2013年2月20日):