Banner Carousel Diagram JS

Example 1:

if (!$ ('. Side_ul ul '). Is (": Animated")) {
var wli = $ ('. Side_ul li '). width () +25;
var Lli = $ ('. Side_ul li '). length;
var tw = Lli*wli;
var witem = wli*3;
var marl = parseint ($ ('. Side_ul ul '). CSS (' margin-left '));
var Endmar = (parseint (tw/witem)-1) *witem;
if (marl <=-endmar) {
$ ('. Side_ul ul '). Animate ({marginleft: ' 0px '},300)
}else{
$ ('. Side_ul ul '). Animate ({marginleft:marl-witem+ ' px '},300)
}
}

Example 2: Scroll at the same time with the bottom small color bar

<Divclass="Baoliao Tongcheng">
    <Pclass="Headline1"> The same city<Font> Events&gt;&gt;</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 "> 

Banner Carousel Diagram JS