JQ to achieve left side display picture right text sliding switch effect _jquery

Share a jquery left side picture on the right side of the text slide switch code. This is based on the jquery implementation of the list picture control picture sliding switch code. The effect chart is as follows:

Here to share under the JQ to achieve the left side of the display picture on the right text sliding switch effect, using div+css layout form to borrow JQ implementation of special effects, specifically not to say, please see the following code.

HTML code:

<div class= "index-new w1200 mt30" > <div class= "indexadd mt50 mb60" > <div id= "Banners" class= "ui- Banner "> <ul class=" ui-banner-slides "> <li><a href=" "></a></li> <li><a href=" "></a></li> <li><a href=" "></a></li> <li><a href=" "></a></li> <li><a href=" "></a></li> <li><a href=" "></a></li> <li><a href= "" ></a></li> <li><a href=" "></a></li> &LT;LI&GT;&L T;a href= "" ></a></li> <li><a href=" "></a></li> <li><a href= "" ></a></li> <li><a href= "" ></a></li> </ul><!--ui-banner-slides end-- > <ul class= "Ui-banner-slogans" > <li class= "ui-line" > <div class= "Ullineho Ver "> <div class=" ui-bnnerimg floatleft ">  <div class= "Ui-bnnerp floatright" > 
 

Show Effect Chart:

The above is the entire content of this article, I hope you like.