問(wèn)題描述

有沒(méi)什么插件實(shí)現(xiàn)這效果比較好的.這是個(gè)ul 超出的內(nèi)容可以左右滑動(dòng), 點(diǎn)擊哪個(gè)tab, 哪個(gè)tab滑到正中間.

問(wèn)題解答

你這種效果其實(shí)就是一個(gè)輪播，你可以試試swiper.js [http://www.swiper.com.cn/]

移動(dòng)端：http://hammerjs.github.io/desktop: 沒(méi)見(jiàn)過(guò)這種效果

不用插件實(shí)現(xiàn)的話(huà)，用p+float，父容器給width:1000px，overflow:auto，美化一下滾動(dòng)條就好了，望采納

試試swiper.js吧，專(zhuān)門(mén)做輪播事件的，各種各樣的效果都已經(jīng)內(nèi)置了。另外如果想做移動(dòng)端首屏單頁(yè)滑動(dòng)可以試試zepto.fullPage.js。至于移動(dòng)端的觸摸事件zepto.js本身也內(nèi)置了一些基本的，如果需要更加高級(jí)的可以使用hammer.js或者AlloyFinger.js

感覺(jué)這個(gè)模塊可以去參考一下天貓的必?fù)屇K，你看下阿里的開(kāi)源方案flexible有沒(méi)有相應(yīng)的教程

自己寫(xiě)個(gè)都可以~ 輪播推薦用swiper.js fullpage.js slider.js喜歡哪個(gè)用哪個(gè)

swiper做過(guò)，html5中的 touch事件也可以實(shí)現(xiàn)