js文本公告滚动展示,图片轮播....
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();
});
//禁止拖动
$('.dowebok').liMarquee({
  drag: false
});
配置
| 名称 | 类型 | 默认值 | 说明 | 
|---|---|---|---|
| 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://pan.baidu.com/s/1i66xdGD
js文本公告滚动展示,图片轮播....的更多相关文章
- 原生JS实现"旋转木马"效果的图片轮播插件
		
一.写在最前面 最近都忙一些杂七杂八的事情,复习软考.研读经典...好像都好久没写过博客了... 我自己写过三个图片轮播,一个是简单的原生JS实现的,没有什么动画效果的,一个是结合JQuery实现的, ...
 - 使用js制作一般网站首页图片轮播效果
		
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
 - js实现淘宝首页图片轮播效果
		
原文:http://ce.sysu.edu.cn/hope2008/Education/ShowArticle.asp?ArticleID=10585 <!DOCTYPE html> &l ...
 - iOS 简易无限滚动的图片轮播器-SDCycleScrollView
		
@interface ViewController () <</span>SDCycleScrollViewDelegate> @end @implementation Vie ...
 - 纯JS写最简单的图片轮播
		
非常简单的一个大图轮播,通过将控制显示位置来进行轮播效果,写来给正在学习的新手朋友们参考交流. 先看效果:(实际效果没有这么快) 先看布局: <div id="display" ...
 - jquery视频展示 图片轮播
		
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
 - 图片轮播(淡入淡出)--JS原生和jQuery实现
		
图片轮播(淡入淡出)--js原生和jquery实现 图片轮播有很多种方式,这里采用其中的 淡入淡出形式 js原生和jQuery都可以实现,jquery因为封装了很多用法,所以用起来就简单许多,转换成j ...
 - 使用JS实现图片轮播滚动跑马灯效果
		
我的第一篇文章.哈哈.有点小鸡冻. 之前在百度搜索"图片轮播"."图片滚动",结果都是那种可以左右切换的.也是我们最常见的那种.可能是搜索 关键字的问题吧. ...
 - Javascript和jQuery WordPress 图片轮播插件, 内容滚动插件,前后切换幻灯片形式显示
		
用于在有限的网页空间内展示一组产品图片或者照片,同时还有非常吸引人的动画效果.本文向大家推荐12款实用的 jQuery 图片轮播效果插件,帮助你在你的项目中加入一些效果精美的图片轮播效果,希望这些插件 ...
 
随机推荐
- [Luogu] 树链剖分
			
模板题,对于对为某个点为根的子树进行处理时,只需每个节点记录两个值 分别为搜索以该节点为根的子树时的最初搜索序和最末搜索序,将这两 个数作为线段树区间操作的端点进行操作 #include <bi ...
 - 使用dig进行DNS查询
			
dig全称Domain Information Groper,是一个DNS域名信息查询的工具,可以使用来查看域名解析的过程. dig是linux下自带的工具,如果要在windows下使用需要自行下载和 ...
 - FOI冬令营 Day2
			
目录 T1.直径(diameter) 传送门 Code T2.定价(price) 传送门 Code T3.排序(sort) 传送门 Code T1.直径(diameter) 传送门 Code //20 ...
 - 模板 - Codeforces模板
			
#include<bits/stdc++.h> using namespace std; typedef long long ll; const int MAXN = 2e5; const ...
 - zabbix(12)使用Grafana
			
一.Grafana介绍 Grafana是一个跨平台的开源的度量分析和可视化工具,可以通过将采集的数据查询然后可视化的展示,并及时通知.它主要有以下六大特点: 1.展示方式:快速灵活的客户端图表,面板插 ...
 - [WEB安全]XXE漏洞总结
			
目录 0x00 XML基础 0x01 XML文档结构 0x02 DTD 0x03 实体 0x04 XXE漏洞 0x05 总结一些payload 0x06 XXE漏洞修复与防御 0x07 参考链接 0x ...
 - class 绑定的数据对象不必内联定义在模板里
			
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
 - Mybatis使用IN语句查询
			
一.简介 在SQL语法中如果我们想使用in的话直接可以像如下一样使用: select * from HealthCoupon where useType in ( '4' , '3' ) 但是如果在M ...
 - 20175313 张黎仙《获奖感想与Java阶段性学习总结》
			
一.获奖感想 很荣幸能够成为为数不多的小黄衫获得者之一,这是对我近一学期以来学习成果的肯定,也激励着我更加努力学习. 首先我要感谢的人就是娄嘉鹏老师.我曾在师生关系中提到,我认为的好老师的特点之一是: ...
 - Qt之模型/视图(自定义风格)
			
Qt之模型/视图(自定义风格) 关于自定义风格是针对视图与委托而言的,使用事件与QSS都可以进行处理,今天关于美化的细节讲解一下. 先看下图: 先撇开界面的美观性(萝卜青菜,各有所爱),就现有的这些风 ...