jQuery无缝滚动插件-liMarquee

 jQuery插件   高蒙   阅读(253)    liMarquee  无缝滚动  jQuery插件   2016-12-14 18:05:46 


jQuery无缝滚动插件-liMarquee

下载


简介

liMarquee 是一款基于 jQuery 的无缝滚动插件,类似于 HTML 的 marquee 标签,但比 marquee 更强大。它可以应用于任何 Web 元素,包括文字、图像、表格、表单等元素,同时它可以设置不同的滚动方向(左右上下)、滚动速度、鼠标悬停暂停、鼠标拖动、加载 xml 文件等等。

浏览器兼容

IEEdgeChromeFirefoxOperaSafari
IE7+ ✔Edge ✔Chrome ✔Firefox ✔Opera ✔Safari ✔

使用方法

1、引入文件

<link rel="stylesheet" href="/css/liMarquee.css">
<script src="/js/jquery-1.9.0.min.js"></script>
<script src="/js/jquery.liMarquee.js"></script>

2、HTML

<div class="dowebok">jQuery无缝滚动插件liMarquee</div>

3、JavaScript

$(function(){
    $('.dowebok').liMarquee();
});

配置

名称类型默认值说明
direction字符串left滚动方向,可选 left / right / up / down
loop整数-1循环次数,-1 为无限循环
scrolldelay整数0每次重复之前的延迟
scrollamount整数50滚动速度,越大越快
circular布尔值true无缝滚动,如果为 false,则和 marquee 效果一样
drag布尔值true鼠标可拖动
runshort布尔值true内容不足是否滚动
hoverstop布尔值true鼠标悬停暂停
xml布尔值false加载 xml 文件
inverthover布尔值false反向,即默认不滚动,鼠标悬停滚动

参看网址:https://github.com/omcg33/jquery.limarquee



相关文章



最新评论

工控资料窝2016-12-15 16:32:09  回复

谢谢分享啦~


我要评论



回复:

Copyrights © 2016-2017 高蒙个人博客 www.shuchengxian.com, All rights reserved. 皖ICP备15015490号 皖公网安备 34152302000022号网站地图

关键词:liMarquee,无缝滚动,jQuery插件