移動端觸屏滑動的效果其實(shí)就是圖片輪播，在PC的頁面上很好實(shí)現(xiàn)，綁定click和mouseover等事件來完成但是在移動設(shè)備上，要實(shí)現(xiàn)這種輪播的效果，就需要用到核心的touch事件處理touch事件能跟蹤到屏幕滑動的每根手指以下是四種。

觸屏上的click事件 會延遲300ms，如果用zeptojs框架的話自帶的有tap觸摸屏上的點(diǎn)擊事件，jquerymobile也有，或者啥都沒有就用個插件FastClick言歸正傳，通常這樣的做法是會判斷觸摸屏和pc來調(diào)用不同的JS的 兩套JS絕對不。

動畫效果，圖片從右側(cè)飛入 quot#div_pic ul liquoteqindexanimateleftquot0quot，500 * 下面是可配置輪播動畫代碼 fnslide=functionoptions var defaults= affect1， 1上下滾動。

引入jqueryjs，復(fù)制以下代碼，即可運(yùn)行 1， 2，slide 3，position relative4，height 2005，lightyellow6， 7 ，8，slide inner 9，position absolute10，left 011，bottom 012，height 10。

可以參考下面代碼這里是內(nèi)容$documentreadyfunction $quot#butquoton#39click#39，functionevent $quotbodyquotanimatequotpaddingtopquotquot200pxquot，200。