根据自己的项目需求改了一下样式和js源码。感觉改别人的代码很快做出来了。。
[HTML] 纯文本查看 复制代码
<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>
[JavaScript] 纯文本查看 复制代码 new SlideBar({
actionBlock : 'action-block',
actionBar : 'action-bar',
slideBar : 'scroll-bar', // 表示在哪个容器添加刻度
barLength : 300,
interval : 1, // 代表刻度之间间隔多少
maxNumber : 15, // 代表最大刻度
showArea : 'showArea'
});
|