<Divclass="Baoliao Tongcheng">
<Pclass="Headline1"> The same city<Font> Events>></Font></P>
<Ulclass="Tongchengul">
<Li>
<Divclass="Libox">
<Divclass="Imgboxoo">
<Ahref="#">
<ImgSrc="Img/143686314955a4caad6a0ab.jpg">
</A>
</Div>
<Divclass="Textboxoo">
<H4><Ahref="#">1 the trend and for! Share the largest wealth feast in history</A></H4>
<P>2015-12-23 15:52<Ahref="#"> Participation Activities</A></P>
<Pclass="Zhuzhi"> High-tech Shintai Plaza, Jinan, Shandong<Span><Font>18</Font> Registration</Span></P>
</Div>
</Div>
</Li>
<Li>
<Divclass="Libox">
<Divclass="Imgboxoo">
<Ahref="#">
<ImgSrc="Img/143686314955a4caad6a0ab.jpg">
</A>
</Div>
<Divclass="Textboxoo">
<H4><Ahref="#">2 the trend and for! Share the largest wealth feast in history</A></H4>
<P>2015-12-23 15:52<Ahref="#"> Participation Activities</A></P>
<Pclass="Zhuzhi"> High-tech Shintai Plaza, Jinan, Shandong<Span><Font>18</Font> Registration</Span></P>
</Div>
</Div>
</Li>
<Li> <div class= "Libox" > <div class= "Imgboxoo" > <a href= "#" > </a> </div> <div class=" Textboxoo ">
<Script>
$(function () {
Varwidth =$('. Tongcheng. Headline1 ').Width ();
VarUlwidth =width*5;
$('. Tongcheng ').Widthwidth);
$('. Tongchengul li ').Widthwidth);
$('. Tongchengul ').WidthUlwidth);
Vart =SetInterval (‘Lunbo()‘,2000);
});
functionLunbo () {
if (!$('. Tongchengul ').Is (": Animated")) {
Varwidth =$('. Tongcheng. Headline1 ').Width ();
VarLength =$('. Tongchengul li ').Length
VarUlwidth =width*Length
VarMarginLeft =parseint ($('. Tongchengul ').css' Margin-left '));
VarMaxmarginleft = (parseint (ulwidth/width)-1) *Width
IfMarginleft<=-Maxmarginleft) {
$('. Tongchengul ').css' Margin-left ',-width);
$('. Tongchengul ').Animate ({MarginLeft:' 0px ',300,function () {
$('. Icongun li ').Siblings ().Removeclass (' Gudongli ');
$('. Icongun li:eq (0) ').AddClass (' Gudongli ');
});
}else{
$('. Tongchengul ').Animate ({MarginLeft:marginleft-width+' px '},300,function () {
Varnum =Math.ABS (marginleft/width-1);
$ ('. Icongun li '). Siblings (). removeclass (' Gudongli ');
$ ('. Icongun li:eq (' +num+') '). AddClass (' Gudongli ');
});
}
}
}
</Script>
Banner Carousel with simultaneous scrolling of small color strips JQ