jquery supports PC-side mobile-Phone slide code

Share a support PC-side mobile phone slide code is a support mobile touch, support mouse drag and drop switch, support with the progress bar of the auto-play mode. The fruit map is as follows:

Online preview Source Download

The implemented code.

HTML code:

<Divclass= "Flex">       <ulclass= "Slides">           <LiData-title= "Slide 1">               <imgalt=""src= "Img/beasts_feature.jpg">           </Li>           <LiData-title= "Slide 2">               <imgalt=""src= "Img/element-taiwan-thmb.jpg">           </Li>           <LiData-title= "Slide 3">               <imgalt=""src= "Img/streets-newyork.jpg">           </Li>       </ul>   </Div>     <Scriptsrc= "Js/jquery-2.1.1.min.js"type= "Text/javascript"></Script>   <Scripttype= "Text/javascript"src= "Js/jflex.min.js"></Script>   <Scripttype= "Text/javascript">       $('. Flex'). JFlex ({autoplay:true       }); </Script>

Via:http://www.w2bc.com/article/2015-11-17-jquery-mobile-slide

jquery supports PC-side mobile-Phone slide code