jquery ui中的slider怎么实现垂直滑动

我知道slider有个属性是orientation
可是我实现不了这垂直滑动个功能。网上的例子是水平的滑动的。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT=""><style> #verticalslider { 
width: 10px; 
height: 500px; 
background: #BBBBBB; 
position: relative; 
} 
.ui-slider-handle { 
width: 14px; 
height: 4px; 
position: absolute; 
top: -4px; 
background: #478AFF; 
border: solid 1px black; 
} 
#scroll { 
width: 14px;
height: 500px; 
margin-top: 10px; 
overflow: hidden; 
} 
#holder { 
width: 14px; 
height: 500px;
} 
</style> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script> 
<script type="text/javascript" src="http://code.jquery.com/ui/jquery-ui-git.js"></script> 
<script>
$(document).ready(function(){ 
 
$("#verticalslider").slider({ 
animate: true, 
orientation : "vertical",
change: handleSliderChange, 
slide: handleSliderSlide, 
stop:handleVerticalSliderStop  }); 
}); function handleSliderChange(e, ui) 
{ 
var maxScroll = $("#scroll").attr("scrollWidth") - $("#scroll").width(); 
$("#scroll").animate({scrollTop: ui.value * (maxScroll / 100) }, 1000); 
} 
function handleSliderSlide(e, ui) 
{ 
var maxScroll = $("#scroll").attr("scrollWidth") - $("#scroll").width(); 
$("#scroll").attr({scrollTop: ui.value * (maxScroll / 100) }); 
} 
function handleTopSliderStop(e, ui) 
{ 
$("#bottomslider").slider('value',$("#topslider").slider('value')); 
} 
function handleBottomSliderStop(e, ui) 
{ 
$("#topslider").slider('value',$("#bottomslider").slider('value')); 
} 
function handleVerticalSliderStop(e, ui) 
{ 
//$("#topslider").slider('value',$("#verticalslider").slider('value')); 
} 
</script>
</HEAD><BODY><TABLE>
<TR>
<TD>
<div id="scroll" runat="server"> 
<div id="holder"> 
滚动内容 
</div> 
</div></TD>
<TD>
<div id="verticalslider" style="margin-top:10px;margin-bottom:10px;" runat="server">
</div></TD>
</TR>
</TABLE>
</BODY>
</HTML>