欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

liMarquee – jQuery无缝滚动插件 水平滚动 垂直滚动 横向滚动 竖向滚动 有大用 有大大用 有大大大用 有大大大大用

简介  到 百度网盘下载 "188_www.dowebok.com_水平滚动_垂直滚动.zip" 或者 本页面 附件

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

浏览器兼容

IE            Edge            Chrome            Firefox            Opera            Safari            
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反向,即默认不滚动,鼠标悬停滚动

演 示 下 载

GitHub 地址:https://github.com/omcg33/jquery.limarquee

演 示 下 载

标签:


来自  https://www.dowebok.com/188.html


向下滚动

JavaScript

  1. $(function(){

  2.    $('.dowebok').liMarquee({

  3.        direction: 'down'

  4.    });

  5. });

   

HTML

dowebok.com 说 明 下 载



来自  https://www.dowebok.com/demo/188/index4.html


https://www.dowebok.com/

普通分类: