1、打開HBuilderX開發工具,創建壹個Web項目,並將swiper插件對應的CSS和JavaScript文件拷貝到項目中。
2、新建壹個靜態頁面,然後將swiper插件的文件引入到頁面中。
3、接著在<body></body>標簽中,插入多個div標簽並設置class屬性。
4、利用類選擇器和偽類選擇器nth-child,設置幾個div標簽的樣式。
5、調用jquery初始化函數,對swiper插件進行初始化,設置autoplay屬性。
6、保存代碼並運行項目,打開瀏覽器查看界面效果。