"Technology" carousel

<div class= "Slide" id= "Slide" >
<b class= "Slide_prev slide_prev1 prev" ></b>
<b class= "Slide_next slide_next1 Next" ></b>
<div class= "Slide_main" id= "Slide_main" >
<div class= "Products" >
<span>
<a href= "http://v.wudao.com/20140115/79153.html" class= "slide_main_a1" target= "_blank" ><div class=" Play_icon2 "></div></a>
</span>
<span>
<a href= "http://v.wudao.com/20140304/79689.html" class= "slide_main_a1" target= "_blank" ><div class=" Play_icon2 "></div></a>
</span>
<span>
<a href= "http://v.wudao.com/20140516/81751.html" class= "slide_main_a1" target= "_blank" ><div class=" Play_icon2 "></div></a>
</span>
<span>
<a href= "http://v.wudao.com/20141028/101503.html" class= "slide_main_a1" target= "_blank" ><div class=" Play_icon2 "></div></a>
</span>
</div>
<div class= "Products" >
<span>
<a href= "http://news.wudao.com/20141016/100987.html" class= "slide_main_a1" target= "_blank" ><div class=" Play_icon2 "></div></a>
</span>
<span>
<a href= "http://news.wudao.com/20141021/101157.html" class= "slide_main_a1" target= "_blank" ><div class=" Play_icon2 "></div></a>
</span>
<span>
<a href= "http://v.wudao.com/20141203/102916.html" class= "slide_main_a1" target= "_blank" ><div class=" Play_icon2 "></div></a>
</span>
<span>
<a href= "http://v.wudao.com/20150113/103622.html" class= "slide_main_a1" target= "_blank" ><div class=" Play_icon2 "></div></a>
</span>
</div>
</div>
</div>

. slide{width:1000px;height:auto;margin:0 auto;overflow:hidden;position:relative;}
. Slide_main{height:189px;width:10000px;overflow:hidden;position:relative;z-index:1;}
. Slide_main Div{width:1000px;height:189px;float:left;}
. Slide_main Div span{width:246px;padding:0 2px;height:189px;display:block;float:left;}
. Slide_main div span A{display:block;}
. slide_main_a1{padding-left:4px;}
. SLIDE_MAIN_A1,. SLIDE_MAIN_A1 img{width:236px;height:189px;}
. Slide. Slide_prev1,. Slide. Slide_next1{display:block;width:50px;height:189px;position:absolute;cursor:pointer; z-index:2;top:0;opacity:0.7;. Filter:alpha (OPACITY=70)}
. Slide. Slide_prev1 img,. Slide. Slide_next1 img{width:50px;height:189px;}
. Slide. Slide_prev1:hover,. Slide. slide_next1:hover{opacity:1;. Filter:alpha (OPACITY=100)}
. Slide. slide_prev1{left:0px;}
. Slide. slide_next1{left:950px;}
. Slide_main span{position:relative;}
. Slide_main span Div.play_icon2{position:absolute;background:url ("http://s001.wudaotv.com/t1/css/zt/zghwd/image/ Play-btn.png ") no-repeat scroll 0% 0% transparent; background-size:70%; Width:82px;height:80px;left:50%;margin-left: -28px;top:50%;margin-top: -28px;}

$ (function () {

var lb = $ ("#slide_main"),
Lb_cur = 1,
Lbp_w = Lb.find (". Products"). width ();
Lb_timer = null;
T = 1;
Function showlimitbuyproducts () {
if (Lb_cur < 1) {
Lb_cur = 2;
} else if (Lb_cur > 2) {
Lb_cur = 1;

var products = $ (' #slide_main. Products '). Hide (). EQ (lb_cur-1). Show (),
Ta = Products.find ("textarea");

if (ta.length) {
products.html (Ta.val ());
}
}
Lb_timer = SetInterval (function () {
lb_cur++;
Showlimitbuyproducts ();
}, 4000);

$ (". Prev,. Btn-prev"). Click (function () {
lb_cur--;
Showlimitbuyproducts ();
});
$ (". Next,. Btn-next"). Click (function () {
lb_cur++;
Showlimitbuyproducts ();
});
$ ("#slide"). Hover (function () {
Clearinterval (lb_timer);
Lb_timer = null;
$ ("#slide. Btn-prev, #slide. Btn-next"). Show ();
}, Function () {
Lb_timer = setinterval (function () {
lb_cur++;
Showlimitbuyproducts ();
}, 10000);
$ ("#slide. Btn-prev, #slide. Btn-next"). Hide ();
});

})

Technology Carousel