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日):

xcode 11中的滚动视图约束

js原生 + jQuery实现页面滚动字幕

Jquery滚动文本像选框

Notepad++ 使用Python 插件批量 转换文本文件(字幕文件) 为 UTF8

40款经典前端特效插件---分享

html表格内的自动滚动文本