Hot content rotation effect based on jquery_jquery

Rendering:

Core code:

Copy code The code is as follows:

Ace column Regular features

The most beautiful in the worldWow! FunQyer WorldDriving over the weekend

Girl's proud breast selfie

Japanese busty beauty Anzu Sugihara

Sexy beauty in black lingerie

Beautiful and sexy black stocking girls

> ;

Demo code:

<title> </title> <style> /* 全局CSS定义 */ div,form,ul,ol,li,span,p,dl,dt,dd,img{margin:0;padding:0;border:0;} h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px;font-weight:normal;} ul,ol,li{list-style:none} table,td,input,textarea{font-size:12px} .blockB{margin-bottom:22px;margin-right:11px;padding-bottom:22px;border-bottom:1px solid #e8eee0; background:url(/upload/201107/20110709230423180.gif) no-repeat 0 99px;} .blockB .pp{ margin-left:51px; height:223px; position:relative; top:0; overflow:hidden; width:248px; } .blockB .tabs{float:left;width:68px;font-size:14px;font-weight:700;line-height:16px;} .blockB .tabs a{width:38px;padding:5px 24px 0 6px;height:36px;display:block;color:#fff; margin-bottom:12px;background:#639805 url(/upload/201107/20110709230423555.gif) no-repeat 0 -45px; text-decoration:none;} .blockB .tabs a.on{background-position:0 0;background-color:#ff8c10;cursor:default;} .blockB ul{ width:130px; float:left; position:relative; top:0; } .blockB li{ padding:4px; background:#639805; height:211px; overflow:hidden; width:120px; } .blockB li a{color:#fff;} .blockB li span {display:block;padding-top:5px;height:15px;font-size:12px;text-align:center} h2 { height: 35px; line-height: 33px; margin-bottom: 5px; text-align: right; } h2 span {display: none;float: left;font-weight: bold;} .pp img {display: block;margin: 0 auto;} </style> <div class="blockB" collection="Y"> <h2> <span></span>Ace column Regular features</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>The most beautiful in the world<a href="http://meinv.vs2010.com/topic/8/201107/show-id2295.html" target="_blank"></a>Wow! Fun<a href="http://meinv.vs2010.com/topic/6/201107/show-id2254.html" target="_blank"></a>Traveling around the world on a budget<a href="http://meinv.vs2010.com/topic/6/201106/show-id2211.html" target="_blank"></a>Driving on weekends</div> <ul> <li> <a href="http://meinv.vs2010.com/topic/9/201107/show-id2265.html" target="_blank"><img src="http://files.jb51.net/upload/201107/20110709230421591.jpg" alt="Hot content rotation effect based on jquery_jquery" border="0"></a><span> <a href="http://meinv.vs2010.com/topic/9/201107/show-id2265.html" target="_blank"></a>Girl’s proud breast selfie</span> </li> <li> <a href="http://meinv.vs2010.com/topic/8/201107/show-id2295.html" target="_blank"><img alt="Hot content rotation effect based on jquery_jquery" src="http://files.jb51.net/upload/201107/20110709230422324.jpg"></a><span> <a href="http://meinv.vs2010.com/topic/8/201107/show-id2295.html" target="_blank"></a>Japanese busty beauty Anzu Sugihara</span> </li> <li> <a href="http://meinv.vs2010.com/topic/6/201107/show-id2254.html" target="_blank"><img src="http://files.jb51.net/upload/201107/20110709230422999.jpg" alt="Hot content rotation effect based on jquery_jquery" border="0"></a><span> <a href="http://meinv.vs2010.com/topic/6/201107/show-id2254.html" target="_blank"></a>Sexy beauty in black lingerie</span> </li> <li> <a href="http://meinv.vs2010.com/topic/6/201106/show-id2211.html" target="_blank"><img src="http://files.jb51.net/upload/201107/20110709230422847.jpg" alt="Hot content rotation effect based on jquery_jquery" border="0"></a><span> <a href="http://meinv.vs2010.com/topic/6/201106/show-id2211.html" target="_blank"></a>Beautiful and sexy black stockings</span> </li> </ul> </div> </div>
[Ctrl A select all Note:

If you need to introduce external Js, you need to refresh to execute ]