# jquery_slide

**Repository Path**: ksc/jquery_slide

## Basic Information

- **Project Name**: jquery_slide
- **Description**: 一个轻量级的jquery幻灯片以及tabs切换插件
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 3
- **Created**: 2013-10-05
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#jquery 幻灯片以及tabs切换插件

两年前写的一个插件，最近又修改了几次，基本的需求都能满足了

##使用方法
一共需要3个参数，前两个是必填的，
 
这两个分别是控制端和内容端的选择器

    var setting={
        time:3,//切换时间间隔
        on:'on',//控制层 css类名
        auto:1,//是否自动切换
        mode:'normal',//切换模式 normal:普通;fade:淡入淡出;slide:滑动;
        switchMode:'mouseover',//鼠标切换方式，mouseover鼠标经过时切换，click单击切换
        Cmouseover:'none'//当鼠标经过内容区{s2}时，none:无动作，wait：等待,暂停自动切换
         
			 
    }
    var slobj=$.st(selecter1,selecter2,setting);
    //slobj 可以对slide进行控制 比如：
    slobj.slide_to(2)//切换到指定位置
    slobj.stop//停止自动切换
    slobj.start()//开始自动切换
    
    
代码很短，主要是不涉及样式和基本结构 

好处是灵活，样式可以自由定义，用li 还是div都行只要选择器写对就行 ；

缺点是繁琐，样式必须自己定义； 

具体使用可参考demo