有沒(méi)什么插件實(shí)現(xiàn)這效果比較好的.
這是個(gè)ul 超出的內(nèi)容可以左右滑動(dòng), 點(diǎn)擊哪個(gè)tab, 哪個(gè)tab滑到正中間.
你這種效果其實(shí)就是一個(gè)輪播,你可以試試swiper.js [http://www.swiper.com.cn/]
移動(dòng)端:http://hammerjs.github.io/
desktop: 沒(méi)見(jiàn)過(guò)這種效果
不用插件實(shí)現(xiàn)的話,用p+float,父容器給width:1000px,overflow:auto,美化一下滾動(dòng)條就好了,望采納
試試swiper.js吧,專門(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è)