Hot content rotation effect based on jquery

Hot content rotation effect based on jquery_jquery

WBOY

Release： 2016-05-16 18:05:11

Original

1040 people have browsed it

Rendering:
Hot content rotation effect based on jquery_jquery
Core code:

Copy code The code is as follows:

Ace column Regular features

The most beautiful in the world Wow! Fun Qyer WorldDriving over the weekend

Girl's proud breast selfie

Japanese crisp Breast beauty Anzu Sugihara

Japanese busty beauty Anzu Sugihara

Sexy beauty in black lingerie

Beautiful and sexy girls in black stockings

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 ]