有沒什麼插件實現這效果比較好的.這是個ul 超出的內容可以左右滑動, 點擊哪個tab, 哪個tab滑到正中間.
你這種效果其實就是一個輪播,你可以試試swiper.js [http://www.swiper.com.cn/]
行動端:http://hammerjs.github.io/desktop: 沒看過這種效果
不用插件實現的話,用p+float,父容器給width:1000px,overflow:auto,美化一下滾動條就好了,望採納
試試swiper.js吧,專門做輪播事件的,各種各樣的效果都已經內建了。 另外如果想做行動端首屏單頁滑動可以試試zepto.fullPage.js。 至於行動端的觸控事件zepto.js本身也內建了一些基本的,如果需要更進階的可以使用hammer.js或AlloyFinger.js
感覺這個模組可以去參考一下天貓的必搶模組,你看下阿里的開源方案flexible有沒有對應的教學
自己寫個都可以~ 輪播推薦用swiper.js fullpage.js slider.js喜歡哪個用哪個
swiper做過,html5中的 touch事件也可以實現
你這種效果其實就是一個輪播,你可以試試swiper.js [http://www.swiper.com.cn/]
行動端:http://hammerjs.github.io/
desktop: 沒看過這種效果
不用插件實現的話,用p+float,父容器給width:1000px,overflow:auto,美化一下滾動條就好了,望採納
試試swiper.js吧,專門做輪播事件的,各種各樣的效果都已經內建了。
另外如果想做行動端首屏單頁滑動可以試試zepto.fullPage.js。
至於行動端的觸控事件zepto.js本身也內建了一些基本的,如果需要更進階的可以使用hammer.js或AlloyFinger.js
感覺這個模組可以去參考一下天貓的必搶模組,你看下阿里的開源方案flexible有沒有對應的教學
自己寫個都可以~ 輪播推薦用swiper.js fullpage.js slider.js喜歡哪個用哪個
swiper做過,html5中的 touch事件也可以實現