基于jquery的热点内容轮换效果

效果图:

核心代码:

<div class=”blockB” collection=”Y” >
<h2><span>王牌栏目 Regular features</span></h2>
<div id=”regular_features” class=”pp”>
<div class=”tabs”> <a class=”on” href=”http://meinv.vs2010.com/topic/9/201107/show-id2265.html” target=”_blank”>世界最美</a><a href=”http://meinv.vs2010.com/topic/8/201107/show-id2295.html” target=”_blank”>哇！好玩</a><a href=”http://meinv.vs2010.com/topic/6/201107/show-id2254.html” target=”_blank”>穷游世界</a><a href=”http://meinv.vs2010.com/topic/6/201106/show-id2211.html” target=”_blank”>周末驾到</a> </div>
<ul>
<li><a href=”http://meinv.vs2010.com/topic/9/201107/show-id2265.html”target=”_blank”><img src=”http://huoche.7234.cn/images/jb51/eqjbdqk1pwd.jpg” alt=”少女傲人双峰自拍” border=”0″></a> <span><a href=”http://meinv.vs2010.com/topic/9/201107/show-id2265.html” target=”_blank”>少女傲人双峰自拍</a></span> </li>
<li><a href=”http://meinv.vs2010.com/topic/8/201107/show-id2295.html” target=”_blank”><img alt=”日本酥胸美女杉原杏” src=”http://huoche.7234.cn/images/jb51/kvyj3gwzwpy.jpg”></a> <span><a href=”http://meinv.vs2010.com/topic/8/201107/show-id2295.html” target=”_blank”>日本酥胸美女杉原杏</a></span> </li>
<li><a href=”http://meinv.vs2010.com/topic/6/201107/show-id2254.html” target=”_blank”><img src=”http://huoche.7234.cn/images/jb51/yzqqnm0wmg0.jpg” alt=”性感美女黑色内衣” border=”0″></a> <span><a href=”http://meinv.vs2010.com/topic/6/201107/show-id2254.html” target=”_blank”>性感美女黑色内衣</a></span> </li>
<li><a href=”http://meinv.vs2010.com/topic/6/201106/show-id2211.html” target=”_blank”><img src=”http://huoche.7234.cn/images/jb51/35sqfn3h44j.jpg” alt=”绝美性感黑丝美眉” border=”0″></a> <span><a href=”http://meinv.vs2010.com/topic/6/201106/show-id2211.html” target=”_blank”>绝美性感黑丝美眉</a></span> </li>
</ul>
</div>
<script type=”text/javascript”>
jQuery(function (j) {
var r = j(‘#regular_features’),
btns = r.find(‘> div.tabs > a’),