# fishroll

**Repository Path**: mowencc/fishroll

## Basic Information

- **Project Name**: fishroll
- **Description**: 一个JQ3的循环滚动插件，适用于文字公告滚动，图片循环滚动，流畅。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-10-09
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# fishroll
<br/>
/*==========================================================<br/>
@基于JQ3.5的循环滚动插件<br/>
@作者：张宇 QQ46708420 www.souniuniu.com<br/>
@没有限制被包裹元素.direction的样式，便于使用者自定义<br/>
@注意：可能不适用于IE9及以下版本，请使用极速模式<br/>                                                    
===========================================================<br/>
*/<br/>

使用方法<br/>

1、引入相关JS<br/>
<script src="jquery-3.5.1.min.js"></script><br/>
<script src="fishroll.js"></script><br/>

2、创建并使用滚动类<br/>

var g1=new rolling({<br/>
		id:'.ledmianbody',<br/>
		direction:'top',<br/>
		play:true<br/>
	})<br/>
	g1.init();<br/>
  
OPT选项说明：<br/>
示例：<br/>

\<div class="ledmianbody layui-col-xs12"><br/>
	\<div class="direction"><br/>
		\这是滚动区域<br/>2222<br/>
	\</div><br/>
\</div><br/>

 OPT选项在初始化NEW类时，必须要先指定滚动元素的父元素，如ledmianbody，此元素内必须包裹一个.direction元素作为滚动元素的标识。<br/>
 选项：<br/>
 {<br/>
  id: 必须，如".ledmianbody"，为滚动元素的父类<br/>
  direciton:'left',滚动方向[left,right,top,bottom]默认从右向左滚动<br/>
  play:false, 是否滚动，默认假<br/>
  speed:1   滚动步数(速度加成)，默认1<br/>
 }<br/>
 
 控制方法：<br/>
 gl.play();//开始滚动<br/>
 gl.stop();//停止<br/>
 gl.pause();//暂停<br/>