首页

源码搜藏网

首页 > 网页特效 > jQuery特效 >

jQuery滑块插件nstSlider

创建时间:2014-05-16 00:13  

jQuery滑块插件nstSlider
jQuery滑块插件nstSlider
效果预览 立即下载
jQuery滑块插件nstSliderjQuery滑块插件nstSlider是一款支持鼠标拖动的jQuery滑块特效插件。
<div class="nstSlider" 
            data-range_min="0" data-range_max="100"   
            data-cur_min="10"  data-cur_max="90">     <!-- 2.1. add data attributes for the range: the min/max values the user can select -->
                                                      <!-- 2.2. add the slider values: the initial values within the range the grips should be initially set at -->
 
            <div class="highlightPanel"></div>        <!-- 2.3. (optional) you can use this in combination
                                                                with highlight_range if you need to, or
                                                                you can just omit it. Also, you can move
                                                                this element after as well if you want to
                                                                highlight above the slider grips -->
 
            <div class="bar"></div>                   <!-- 2.4. (optional) this is the bar that fills the
                                                                area between the left and the right grip -->
                                                                
            <div class="leftGrip"></div>              <!-- 2.5  the left grip -->
            <div class="rightGrip"></div>             <!-- 2.6  (optional) the right grip. Just omit if 
                                                                you don't need one -->
        </div>

上一篇:jQuery时钟插件clockpicker
下一篇:jQuery添加删除标签插件

相关内容

热门推荐