1.样式
滑动条允许用户从一个有限的范围内选择一个数值。当滑块控件沿着轨道移动的时候，将会显示一个提示来表示当前值。用户可以通过设置其属性自定义滑块。
2.练习1：使用js生成滑动条
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>slider</title>
<!-- 引入css文件 -->
<link rel="stylesheet" href="themes/default/easyui.css" type="text/css"></link>
<link rel="stylesheet" href="themes/icon.css" type="text/css"></link>
<!-- 引入js文件 -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="js/easyui-lang-zh_CN.js"></script>
</head>
<body style="margin:100px;">
身高：<span id="tip"></span>
<p/>
<div id="heightID" style="height:400px;width:600px;"></div>
</body>
<script type="text/javascript">
$("#heightID").slider({
mode:"v",
min :0,
max :100,
rule:[0,'|',25,'|',50,'|',75,'|',100],
showTip:true
});
$("#heightID").slider({
onChange:function(newValue){
$("#tip").text(newValue).css("color","red");
}
});
</script>
</html>
结果：
3.文档
