素材牛VIP会员
当前位置： 首页 » 网页特效 » swiper仿阿里云官网导航图片切换网页特效

swiper仿阿里云官网导航图片切换网页特效

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

 浏览：746次  评论：1次  更新时间：2019-11-07
牛币素材VIP可免积分下载
swiper仿阿里云官网导航图片切换网页特效
 查看演示  立即下载 收藏
swiper仿阿里云官网导航图片切换网页特效
 查看演示  立即下载
积分说明：注册即送10牛币，每日签到可获得5牛币，成为VIP会员可永久免牛币下载！   充值积分   充值会员   更多说明»
素材描述：swiper.js基于animate动画库制作阿里云官网顶部导航菜单和banner图片切换结合布局代码。
 标签：swiper下拉导航图片切换

详细介绍

使用方法：

1、head引入css文件

2、head引入js文件

3、body引入HTML代码


	

		
		

			
		

		

			中国站 
			
		

		

			
			

		

	

	

		
		免费注册

文件目录结构

  • ┝ index.html
  • statics
    • css
      • ┝ animate.min.css
      • ┝ style.css
      • ┝ swiper.min.css
    • images
      • ┝ arrow_down.png
      • ┝ arrow_up.png
      • ┝ banner1.jpg
      • ┝ banner2.jpg
      • ┝ banner3_bg.jpg
      • ┝ banner3_pic.png
      • ┝ banner4_bg.png
      • ┝ banner5_bg.jpg
      • ┝ logo.png
      • ┝ search.png
      • ┝ search_icon.png
      • ┝ shop_icon.png
    • js
      • ┝ swiper.animate1.0.3.min.js
      • ┝ swiper.min.js
展开查看全部

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

基于swiper仿手机移动端下拉框
基于swiper仿手机移动端下拉框
基于swiper框架二次开发的移动端下拉选择框
 输入/选择框/联动,移动端/响应式
 0    2935
Three碎片化图片切换动画实例
Three碎片化图片切换动画实例
Three基于canvas制作两张图片撕碎切换，图片碎片化特效进行切换，相当震撼。另外，在图片切换过程中，你也可以通过鼠标拖动来查看切换时的具体细节效果。如果将它制作成一个效果独特酷炫的相册或者焦点图插件，相信会很不错的。ps：图片涉及跨域，本地请在localhost正常访问
 图片特效,其他特效,动画效果
 2    1099
swiper移动端导航栏滑动切换选项卡网页特效
swiper移动端导航栏滑动切换选项卡网页特效
swiper.js制作手机移动端导航滑动tab选项卡切换代码
 导航菜单,选项卡/滑动门,滑动导航
 0    1892
巨幅全屏大图百叶窗切换React特效
巨幅全屏大图百叶窗切换React特效
基于React制作的全屏的旅游城市景点图片滑动百叶窗轮播切换效果，带文字内容描述和左右圆形箭头按钮控制图片来回切换特效。支持响应式布局，可用于各大浏览器或手机端展示。
 焦点图/幻灯片,图片特效,按钮控制,图片文字,大图切换
 1    1063
jquery/html5 3D图片切换幻灯片多种百叶窗图片切换插件
jquery/html5 3D图片切换幻灯片多种百叶窗图片切换插件
jquery/html5 3D图片切换幻灯片多种百叶窗图片切插件，3D图片切换幻灯片翻转、扭曲、立方体、多种百叶窗图片切换效果。
 焦点图/幻灯片,图片特效,按钮控制,缩略图
 0    1367
jQuery扭曲旋转图片轮播效果
jQuery扭曲旋转图片轮播效果
超酷的图片旋转轮播特效，切换起来立体感很强，很不错的效果。
 焦点图/幻灯片
 0    3103
纯css3鼠标悬停图片文字切换动画特效
纯css3鼠标悬停图片文字切换动画特效
纯css3鼠标悬停图片文字切换动画特效下载
 图片特效,文字特效,鼠标/悬停/点击
 2    1924
仿淘宝京东点击换一批产品（猜你喜欢）jQuery多图切换效果
仿淘宝京东点击换一批产品（猜你喜欢）jQuery多图切换效果
仿淘宝京东等购物平台点击换一批产品的jQuery多图切换效果，购物类网站很需要的效果
 焦点图/幻灯片,图片特效,触屏/拖拽/下拉
 1    3671

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

Lv11 GM
零***落  
2019年11月07日

一个很好的框架

回复
 文明上网，理性发言！   😉 阿里云幸运券，戳我领取
热门推荐 / HOT
最新发布 / NEW
我的牛币余额：0
所需牛币：10 开始下载

牛币获取：签到、评论、充值    » 在线充值（10牛币=1元）

此素材VIP可免积分下载  » 查看详情
联系我们关于我们获取牛币版权说明
客服标签
Copyright 2016-2022 © 素材牛（www.sucainiu.com）鄂公网安备 42090202000075号 - 鄂ICP备2021002952号-1