桂林一枝花 发表于 2017-1-16 18:56:04

分享一个滑动条工具

根据自己的项目需求改了一下样式和js源码。感觉改别人的代码很快做出来了。。

                <div id="control-group">
                        控制速度:
                                <div class="scroll-bar" id="scroll-bar">
                                        <div class="entire-bar" id="entire-bar"></div>
                                        <div class="action-bar" id="action-bar"></div>
                                        <div class="action-block" id="action-block"></div>
                                        <input type="hidden" id="showArea"/>
                                </div>
                </div>



        new SlideBar({
                                actionBlock : 'action-block',
                                actionBar : 'action-bar',
                                slideBar : 'scroll-bar', // 表示在哪个容器添加刻度
                                barLength : 300,
                                interval : 1, // 代表刻度之间间隔多少
                                maxNumber : 15, // 代表最大刻度
                                showArea : 'showArea'
                        });

ibcadmin 发表于 2017-1-17 09:44:11

这个有用
页: [1]
查看完整版本: 分享一个滑动条工具