二维动画设计与制作（H5动画技术） 插入图像 插入图像（商品管理-11）.pptx

商品管理-11（插入图像-商品图文列表）目录11商品图文列表顶部效果图使用HBuilder写html的步骤2引用css文件3引用js文件4插入图片并实现轮播商品图文列表顶部效果图引用css文件link rel=stylesheet href=css/Swiper.css / link rel=stylesheet href=css/swiper.min.css /引用jsscript src=js/swiper.min.js/script插入图像图片轮播控制 script var swiper = new Swiper(.swiper-container, { slidesPerView: 1, spaceBetween: 0, loop: true, disableOnInteraction:false, autoplay:true, navigation: { nextEl: .swiper-button-next, prevEl: .swiper-button-prev, }, }); /script文件结构资源下载样式表文件及js文件可以在网上下载到html的结构总结：1.商品图文列表界面顶部效果图2.商品图文列表界面插入图片并实现轮播谢谢观看Thanks For Watching1355555555742