文件名称：利用Swiper制作手机新闻界面
文件大小：861KB
文件格式：ZIP
更新时间：2023-03-29 10:49:40
html JavaScript swiper
1. 做移动端开发需要适口 2. freeMode：默认为false，普通模式：slide滑动时只滑动一格，并自动贴合wrapper，设置为true则变为free模式，slide会根据惯性滑动可能不止一格且不会贴合。 3. freeModeSticky：使得freeMode也能自动贴合。与freeMode一般配合使用。 4. slidesPerView：设置slider容器能够同时显示的slides数量(carousel模式)。 可以设置为数字（可为小数，小数不可loop），或者 'auto'则自动根据slides的宽度来设定数量。 loop模式下如果设置为'auto'还需要设置另外一个参数loopedSlides。 slidesPerView: 'auto'目前还不支持多行模式（当slidesPerColumn > 1） 5. 绑定分页器 6. text-indent 规定首行缩进 7. 自动轮播设置autoplay中delay 8. 去除移动端点击产生的高亮事件 9. slideChangeTransitionStart()：回调函数，swiper从当前slide开始过渡到另一个slide时执行。 在这个方法中，activeIndex代表当前滑动的下标 10. jQuery中直接用index获取当前元素下标 11. eq获取当前兄弟元素中第几个
【文件预览】：
利用Swiper制作手机新闻界面
----css()
--------swiper.min.css(19KB)
--------swiper.css(22KB)
--------index.css(3KB)
----images()
--------tab_ui.png(3KB)
--------1.jpg(84KB)
--------headbg.png(11KB)
--------one.png(116KB)
--------three.png(116KB)
--------home_advert.jpg(31KB)
--------two.png(108KB)
--------0.jpg(59KB)
----index.html(5KB)
----js()
--------swiper.js(268KB)
--------index.js(1KB)
--------swiper.min.js(123KB)
--------jquery-3.3.1.js(265KB)
--------swiper.esm.bundle.js(220KB)
--------swiper.esm.js(220KB)
--------swiper.min.js.map(434KB)