基于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://files.glzy8.com/upload/201107/20110709230421591.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://files.glzy8.com/upload/201107/20110709230422324.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://files.glzy8.com/upload/201107/20110709230422999.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://files.glzy8.com/upload/201107/20110709230422847.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'),

　　el_ani = r.find('> ul'),

　　el_pages = el_ani.find('> li'),

　　pages = el_pages.length,

　　p = 0,

　　pw = 219;

　　btns.each(function (idx, btn) {

　　btn = j(btn);

　　btn.mouseenter(function (ev) {

　　if (idx != p) {

　　j(btns[p]).removeClass('on');

　　btn.addClass('on');

　　p = idx;

　　el_ani.stop().animate({ top: -pw * idx }, 300);

　　}

　　return false;

　　});

　　}).eq(1).mouseenter();

　　});

　　</script>

　　</div>