JS写一个旋转木马的视频播放效果

您所在的位置:网站首页 旋转木马的拼音怎么写的 JS写一个旋转木马的视频播放效果

JS写一个旋转木马的视频播放效果

2024-07-14 01:05| 来源: 网络整理| 查看: 265

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