让Slider左侧与右侧有明显区别。
无标题文档
Code1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">2
<html xmlns="http://www.w3.org/1999/xhtml">3
<head>4
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />5
<title>无标题文档</title>6
<link type="text/css" href="css/start/jquery-ui-1.7.1.custom.css" rel="stylesheet" /> 7
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>8
<script type="text/javascript" src="js/jquery-ui-1.7.1.custom.min.js"></script> 9
</head>10
<body>11
<div id="demo-frame">12
<script type="text/javascript">13
$(function() 
{14
// change defaults for range, animate and orientation15
$.extend($.ui.slider.defaults, {//这一句很重要，为了实现音量调节效果的。16
range: "min",17
animate: true,18
orientation: "vertical"19
});20
// setup master volume21
$("#master").slider({22
value: 60,23
min: 0,24
max: 100,25
step: 1, 26
orientation: "horizontal"27
}); 28
});29
</script>30
<div class="demo">31
<div id="master" style="width:260px; margin:15px;"></div>32
</div>33
</body>34
</html>