背景：

亭湖網站建設公司成都創(chuàng)新互聯公司,亭湖網站設計制作，有大型網站制作公司豐富經驗。已為亭湖上1000家提供企業(yè)網站建設服務。企業(yè)網站搭建\成都外貿網站建設要多少錢，請找那個售后服務好的亭湖做網站的公司定做！

最近在寫一個公眾號項目時遇到需要動態(tài)生成菜單可滑動，在之前的android開發(fā)中實現通過v7包中提供的組件即可完成。那么，在網頁的開發(fā)中需要如何實現這個功能呢？

（推薦教程：html教程）

可以通過swiper.js來實現可滑動菜單。

以下需引入swiper.css、swiper.js。

html部分：

<div class="swiper-container">
  <div class="swiper-wrapper">
    <div class="swiper-slide">slider1</div>
    <div class="swiper-slide">slider2</div>
    <div class="swiper-slide">slider3</div>
    <div class="swiper-slide">slider3</div>
    <div class="swiper-slide">slider3</div>
    <div class="swiper-slide">slider3</div>
    <div class="swiper-slide">slider3</div>
  </div>
</div>

js部分：

初始化
<script>
var mySwiper = new Swiper('.swiper-container', {
    autoplay: true,//可選選項，自動滑動
    freeMode:true,//滑動不夠一格，不會自動貼合
    slidesPerView:4,//設置slider容器能夠同時顯示的slides數量
})
</script>

完成！

文章標題：html怎么實現左右滑動導航欄
URL網址：http://chinadenli.net/article4/cpcjie.html

成都網站建設公司_創(chuàng)新互聯，為您提供全網營銷推廣、定制開發(fā)、企業(yè)建站、品牌網站建設、網站策劃、品牌網站設計

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯