jQuery无缝滚动插件-liMarquee

 Array   高蒙   阅读(1469)   评论(1)   2016-12-14 18:05:46    liMarquee 无缝滚动 jQuery插件 


简介

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反向,即默认不滚动,鼠标悬停滚动



相关文章



我要评论


站长昵称:(*)

输入内容:


评论列表


高蒙

男,程序猿一枚

 

人生要是没有理想, 那跟一条咸鱼有什么分别。


关于我

  http://www.shuchengxian.com

高蒙个人博客是以PHP技术为主的程序员个人博客。博客主要发布php开发中遇到的问题以及解决办法,同时个人博客也分享网站模板素材,jquery插件等方面素材。


站点声明:相关侵权、举报、投诉及建议等,请发E-mail:936594075#qq.com(#替换成@)。

Copyright © 2018, www.shuchengxian.com, All rights reserved. 个人博客皖公网安备 34152302000022号 皖ICP备15015490号

关键词:个人博客,PHP博客,PHP博客程序,高蒙博客,高蒙个人博客,php程序员博客,程序员个人博客