素材牛VIP会员

swiper仿华为云官网banner图片轮播网页特效

 所属分类:网页特效-焦点图/幻灯片,图片特效

 浏览:905次-  下载:4次-  评论:1次-  更新时间:2020-02-25
swiper仿华为云官网banner图片轮播网页特效
积分说明:注册即送10牛币,每日签到可获得5牛币,成为VIP会员可永久免牛币下载!   充值积分   充值会员   更多说明»
素材描述:jQuery基于swiper制作华为云官网大气响应式的banner图片幻灯片轮播切换和产品列表布局代码。

详细介绍

使用方法:

1、head引入css文件




2、head引入js文件




3、body引入HTML代码

文件目录结构

  • ┝ index.html
  • statics
    • css
      • ┝ animate.min.css
      • ┝ style.css
      • ┝ swiper.css
    • images
      • ┝ banner-cover.png
      • ┝ bg-pc1.jpg
      • ┝ bg-pc2.jpg
      • ┝ bg-pc3.jpg
      • ┝ bg-pc4.jpg
      • ┝ bg-pc5.jpg
      • ┝ events-icon1-active.png
      • ┝ events-icon1.png
      • ┝ events-icon2-active.png
      • ┝ events-icon2.png
      • ┝ events-icon6-active.png
      • ┝ events-icon6.png
      • ┝ events-icon9-active.png
      • ┝ events-icon9.png
      • ┝ image-main4-r.png
      • ┝ image-main5-r.png
      • ┝ image-sub4-r2.png
      • ┝ image-sub5-r2.png
      • ┝ words2.png
    • js
      • ┝ jquery-1.10.1.min.js
      • ┝ swiper.animate1.0.2.min.js
      • ┝ swiper.min.js

相关素材 - 焦点图/幻灯片,图片特效

讨论这个素材(1)回答他人问题或分享使用心得会奖励牛币

qq***45  
2020年02月25日

拿来用了

回复
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0 已下载次数:4
所需牛币:15 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)