JS写一个旋转木马的视频播放效果 |
您所在的位置:网站首页 › 旋转木马的拼音怎么写的 › JS写一个旋转木马的视频播放效果 |
JS以及JQ的功能很强大,可以做出很多的优秀效果。今天给大家分享一个我之前写网站用到的旋转木马效果。 ![]() 性生活有心无力怎么办 ![]() 影响性生活的因素有哪些 ![]() 性功能障碍的那些事 ![]() 【七夕】老司机必知冷知 ![]() 真男人涨姿势:早泄微探 写法中主要还是用到swiper插件,根据swiper的功能来设置想要的属性,swiper-slide来做子页面的滑动效果。给每个滑块加上编号。 JS内容主要是设置各个属性 var swiper = new Swiper('.swiper-container', { pagination: '.swiper-pagination', effect:'coverflow', grabCursor:true, centeredSlides:true, nextButton: '.swiper-button-next', prevButton: '.swiper-button-prev', loop:true, speed:500, slidesPerView:'auto', coverflow:{ rotate:0, //旋转的角度 stretch:1, //拉伸 切换图片左右间距和密集度 depth:80, //深度 切换图片上下的间距和密集度 modifier:12, //修正值,越大前面的效果越明显 slideShadows:false //页面阴影效果 } });重要内容都在coverflow中,这是设置的手动滑动,也可设置自动,也就是autoplay的属性,在swiper的属性设置中自己可自由发挥,强大吧。 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |