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

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

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

引入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。