关于滚动成效

关于滚动效果
<!DOCTYPE html>
<html>
<head>
<link href="http://news.qq.com/css/2012/pcss20130106.css" rel="stylesheet" media="screen" /> 
<style type="text/css"> 
.s3_mask li { float:left;display:inline;}
.s3_mask p { position:absolute; left:0; bottom:0; height:29px; line-height:29px; background:rgba(0, 0, 0, 0.5); padding-right:52px; width:236px;filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#50000000',endColorstr = '#50000000') \9}
</style> 
<script src="http://mat1.gtimg.com/joke/js/comm/Qfast.js" type="text/javascript"></script>  
<script type="text/javascript">  
Qfast.add('common',{path:"http://mat1.gtimg.com/news/base2011/ued_common.js",type:"js"});//如果已经引用请删除此句  
Qfast.add('scroll',{path:"http://news.qq.com/base2011/ued_scroll.js",type:"js",requires: ['common']});
</script>
</head>
<body>
<div class="mod mtf1"> 
<div class="bd"> 
<div class="bodybox" id="cardBody3"> 
<div class="tbody">        
<div class="s3"> 
<div class="sm_prev" id="s3_sm_prev"></div> 
<div class="s3_mask" id="s3_s3_mask"> 
<ul> 
<li bossZone="yztp4">
<a href="http://news.qq.com/photon/selective/91.htm" target="_blank" class="pic"><img src="http://img1.gtimg.com/news/pics/hv1/167/58/1429/92935682.jpg" style="height:205px;width:288px;"/></a>
<p>
<a href="http://news.qq.com/photon/selective/91.htm" target="_blank" >一周图片精选(9.21-9.27)</a>
</p>
</li>
<li bossZone="yztp1">
<a href="http://news.qq.com/photon/selective/90.htm" target="_blank" class="pic"><img src="http://img1.gtimg.com/news/pics/hv1/166/58/1429/92935681.jpg" style="height:205px;width:288px;"/></a>
<p>
<a href="http://news.qq.com/photon/selective/90.htm" target="_blank" >一周图片精选(9.14-9.20)</a>
</p>
</li>
<li bossZone="yztp2">
<a href="http://news.qq.com/photon/selective/89.htm" target="_blank" class="pic"><img src="http://img1.gtimg.com/news/pics/hv1/93/4/1418/92206563.jpg" style="height:205px;width:288px;"/></a>
<p>
<a href="http://news.qq.com/photon/selective/89.htm" target="_blank" >一周精选(9.7-9.13)</a>
</p>
</li>
<li bossZone="yztp3">
<a href="http://news.qq.com/photon/selective/88.htm" target="_blank" class="pic"><img src="http://img1.gtimg.com/news/pics/hv1/71/187/1412/91863056.jpg" style="height:205px;width:288px;"/></a>
<p>
<a href="http://news.qq.com/photon/selective/88.htm" target="_blank" >一周图片精选(8.31-9.6)</a>
</p>
</li>
<li bossZone="yztp4">
<a href="http://news.qq.com/photon/selective/87.htm" target="_blank" class="pic"><img src="http://img1.gtimg.com/news/pics/hv1/176/222/1406/91481936.jpg" style="height:205px;width:288px;"/></a>
<p>
<a href="http://news.qq.com/photon/selective/87.htm" target="_blank" >一周图片精选(8.24-8.30)</a>
</p>
</li>
</ul> 
</div> 
<div class="sm_next" id="s3_sm_next"></div>  
</div>
</div> 
</div> 
</div> 
<script language="javascript">  
Qfast(false,'scroll',function(){  
var Scroll = new uedScroll();  
Scroll.scrollContId = "s3_s3_mask";//主体区域  
Scroll.scrollSplit = {mytag:"li",myclass:""};//滚动单元和class名  
Scroll.arrLeftId = "s3_sm_prev";//左按钮  
Scroll.arrRightId = "s3_sm_next";//右按钮  
Scroll.sSliceIndex = 1;//每次滚动单元的个数    
Scroll.sDir = 1;//滚动方向:1为左右、2为上下   
Scroll.nStep = 10;//速度,越大越快   
Scroll.nType = 2;//滚动类型:1为返回式、2为循环式、3在循环式自动滚动时设置    
Scroll.autoPlay = true;//是否自动滚动   
Scroll.autoPlayTime = 3;//自动滚动间隔时间(秒) 设置为0,则不停顿    
Scroll.init();  
})  
</script>

</div>        
</body>
</html>

扒下一滚动效果,js太多,功能太全,哪位大侠能给写个,或者给解释下这个

------解决方案--------------------