jQuery文字跑马灯插件Marquee

简介: jQuery.Marquee是一款jQuery文字跑马灯插件。jQuery.Marquee跑马灯插件可以结合使用CSS3动画,制作文字的上下左右移动效果。

jQuery.Marquee是一款jQuery文字跑马灯插件。jQuery.Marquee跑马灯插件可以结合使用CSS3动画,制作文字的上下左右移动效果。

tx000374.png

在线预览 下载

使用方法

在页面中引入jquery和jquery.marquee.js文件。

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

如果需要跑马灯的暂停效果,引入jquery.marquee.js文件。

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

如果需要使用easing动画效果,引入jquery.easing.js文件。

<script src="js/jquery.easing.min.js" type="text/javascript"></script>

HTML结构
使用一个块级元素作为跑马灯的容器。

<div id="container">跑马灯文字</div>

初始化插件
在页面DOM元素加载完毕之后,通过marquee()方法来初始化该插件。

$(function(){
   
    $('.marquee').marquee();        
});

配置参数

该跑马灯插件的可用配置参数有:

  • allowCss3Support :如果浏览器支持CSS3动画,则使用CSS3动画。默认为true。
  • css3easing:CSS3 easing效果,默认为'linear'。
  • easing:jquery easing效果,默认为'linear'。
  • delayBeforeStart:开始动画的延迟时候,单位毫秒,默认为1000。
  • direction:跑马灯动画的方向。默认为left。
  • duplicated:是否复制文本。默认为false。
  • duration:动画的持续时间,单位毫秒,默认为5000。
  • speed:speed参数会覆盖duration。
  • gap:tickers之间的间隙。单位像素,默认为20。
  • pauseOnHover:在hover时暂停跑马灯。
  • pauseOnCycle:在循环结束,暂停跑马灯delayBeforeStart毫秒。
  • startVisible:跑马灯在开始时是否可见。
相关文章
|
11天前
|
JavaScript 前端开发
jQuery和CSS3滑动展开菜单按钮插件
这是一款jQuery和CSS3滑动展开菜单按钮插件。该滑动展开菜单按钮在用户点击主菜单按钮之后,子菜单以滑动的方式依次展开
51 21
|
7天前
|
JavaScript
jquery文字动画特效插件animatext
jquery文字动画特效插件animatext
31 9
|
10天前
|
移动开发 JavaScript 前端开发
简单易用的jquery响应式轮播图插件ma5slider
ma5slider是一款简单易用的jquery响应式轮播图插件。该轮播图支持鼠标拖拽,可以通过CSS定制外观,支持无限循环模式,内置水平,垂直和淡入淡出三种轮播图过渡动画效果。
|
8天前
|
JavaScript 容器
jquery和CSS3图片排序过滤搜索插件
Filterizr是一款jquery和CSS3图片排序过滤插件。它可以对一组图片进行排序,按条件过滤和按关键字搜索。并在显示结果时使用指定的CSS3动画过渡效果。
20 2
|
8天前
|
JavaScript
jquery和CSS3响应式轮播图插件jcSlider
jcSlider是一款jquery和CSS3响应式轮播图插件。jcSlider使用CSS3过渡动画,它可以和animate.css完美结合,生成60多种轮播图过渡动画效果。
|
12天前
|
JavaScript
jQuery Lightbox和弹出层插件flashy
Flashy.js是一款响应式jQuery Lightbox和弹出层插件
|
10天前
|
JavaScript 容器
jQuery消息通知显示插件
MessageNotifyPlugin是一款简单的jQuery消息通知显示插件。该jQuery消息通知显示插件能够自动生成最新消息和提醒消息两个消息通知按钮。并且可以设置消息的是否已读状态等
17 2
|
8天前
|
JavaScript 前端开发
jquery输入框键入文字动画特效
这是一款炫酷的jquery输入框键入文字动画特效。该文字特效在用户键入字母时,通过jquery代码来制作文字的动画效果,非常炫酷。
20 0
|
12天前
|
JavaScript
jquery图片和pdf文件预览插件
EZView.js是一款jquery图片和pdf文件预览插件。EZView.js可以为图片和pdf格式文件生成在线预览效果。支持的文件格式有pdf、jpg、 png、jpeg、gif。
43 16
|
12天前
|
JavaScript
简洁实用的jQuery进度条插件
这是一款简洁实用的jQuery进度条插件。该插件使用简单,通过在页面中放置指定的HTML代码,即可生成带动画效果的进度条。