分享一个滑动条工具

根据自己的项目需求改了一下样式和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'
			});

这个有用