當前位置:編程學習大全網 - 網站源碼 - Swiper 4.0.7 如何在鼠標懸浮在上方時停止自動切換

Swiper 4.0.7 如何在鼠標懸浮在上方時停止自動切換

1、打開HBuilderX開發工具,創建壹個Web項目,並將swiper插件對應的CSS和JavaScript文件拷貝到項目中。

2、新建壹個靜態頁面,然後將swiper插件的文件引入到頁面中。

3、接著在<body></body>標簽中,插入多個div標簽並設置class屬性。

4、利用類選擇器和偽類選擇器nth-child,設置幾個div標簽的樣式。

5、調用jquery初始化函數,對swiper插件進行初始化,設置autoplay屬性。

6、保存代碼並運行項目,打開瀏覽器查看界面效果。

  • 上一篇:東莞多語言商城系統哪家好
  • 下一篇:html網頁設計模板的素材在哪裏?
  • copyright 2024編程學習大全網