多语言展示
当前在线:1119今日阅读:168今日分享:49

自适应图片轮播功能制作-Bootstrap

自适应图片轮播功能制作-Bootstrap
工具/原料

Bootstrap

方法/步骤:
1

1.参考手册,复制代码到模板文件中测试。

2

2.根据参考手册,编写js代码,设置图片轮播时间。

3

3.把代码复制过来后,要注意下

span10代表轮播图片块大小。

4

4.编写js代码。设置轮播间隔时间。

5

5.测试.说明 span10不适合当前窗口,不美观。调整到span12

6

6.调整到span12后测试。

7

7.经过相关测试,我们去bootstrap框架css文件里去分析span这个样式代码。

8

8.测试图片轮播功能自适应窗口如何。