# jquery.slideit

**Repository Path**: GeBiLaoWan/jquery.slideit

## Basic Information

- **Project Name**: jquery.slideit
- **Description**: The JavaScript code about thouch to slide. Based on jquery or zepto for Mobile Development.
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-07-06
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

jquery.slideit.js
======

基于jquery的换屏插件，用于移动端开发。
------

如何使用？
-------------------------------------------------
### 1.引入jquery
	<script type="text/javascript" src="jquery.min.js"></script>

### 2.引入 jquery.slideit.js和jquery.slideit.css
	<script type="text/javascript" src="jquery.slideit.js"></script>
	<link rel="stylesheet" type="text/css" href="jquery.slideit.css"/>
	
### 3.Html代码和执行方法
	<div id="slideit">
        <section class='red'></section>
        <section class='grey'></section>
        <section class='blue'></section>
        <section class='yellow'></section>
        <section class='green'></section>
    </div>
	<script>
		$('#slideit').slideit({
	        range:100,
	        time:500
	    });
	</script>
### 4.参数说明
	range {Number} 换屏界限 px
	time {Number} 换屏时间 ms

### EN

The JavaScript plug-in for touch to slide that based on jquery for Mobile Development.
------

How to use？
-------------------------------------------------
### 1.Import jquery
	<script type="text/javascript" src="jquery.min.js"></script>
	
### 2.Import jquery.slideit.js & jquery.slideit.css
	<script type="text/javascript" src="jquery.slideit.js"></script>
	<link rel="stylesheet" type="text/css" href="jquery.slideit.css"/>
	
### 3.Html code and run the function
	<div id="slideit">
        <section class='red'></section>
        <section class='grey'></section>
        <section class='blue'></section>
        <section class='yellow'></section>
        <section class='green'></section>
    </div>
	<script>
		$('#slideit').slideit({
	        range:100,
	        time:500
	    });
	</script>

### DEMO  
![github](http://www.lc-qx.com/jstoo/easyslide/demo1.png "github")