添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > CSS3+HTML5特效 >

15款CSS3实现移动端App动画导航菜单代码

时间:2016-06-25      来源:互联网     
特效说明:
15款CSS3实现移动端App动画导航菜单代码源码下载,该CSS3+animation效果是一款使用CSS3-animation动画来制作,这些动画均由线条和文字组成,效果非常炫酷。请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试:IE10、Firefox、Chrome、Opera、Safari、360等支持HTML5+CSS3主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/htmleaf-demo.css">
<link href="css/main.css" rel="stylesheet" type="text/css"/>

2、调用JS插件代码:
<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>

3、添加HTML代码:
将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。

4、/初始化代码:
<script>
$(window).load(function () {
  $(".mobile-inner-header-icon").click(function(){
    $(this).toggleClass("mobile-inner-header-icon-click mobile-inner-header-icon-out");
    $(".mobile-inner-nav").slideToggle(250);
  });
  $(".mobile-inner-nav a").each(function( index ) {
    $( this ).css({'animation-delay': (index/10)+'s'});
  });
});
</script>
web前端视频教程
相关特效
  • jQuery带左侧缩略图响应式图文相册

    jQuery带左侧缩略图响应式图文相册

    一款jQuery带左侧缩略图响应式图文相册源码下载,该图文相册特效是一款基于jQuery以及jssor.slider.js插件编写的PC+手机响应式图片轮播图片特效。……
    2018-04-04
  • 响应式拖拽滑动带缩略图相册特效

    响应式拖拽滑动带缩略图相册特效

    一款响应式拖拽滑动带缩略图相册特效JS代码下载,这是一款基于jssor.slider.js的炫酷jquery焦点图相册特效。底部带有缩略图,点击左右按钮或者滑动切换上一张下一张图片特效。……
    2018-04-04
  • HTML5+CSS3响应式酷炫图片封面动画展示特效

    HTML5+CSS3响应式酷炫图片封面动画展示特效

    一款HTML5+CSS3酷炫图片封面动画展示特效下载,该特效基于HTML5+CSS3实现,根据不同的样式显示动画效果。适用于响应式网站制作。……
    2016-12-01
  • jQuery响应式层叠动画切换内容网页特效

    jQuery响应式层叠动画切换内容网页特效

    一款jQuery响应式层叠动画切换内容网页特效免费下载,该特效基于jquery.transit.js实现,支持PC、PAD、Phone设备浏览,兼容CSS3动画切换效果。……
    2016-11-14
  • CSS3制作百叶窗切换焦点图

    CSS3制作百叶窗切换焦点图

    一款CSS3制作百叶窗切换焦点图免费下载,该CSS3特效使用背景图片来制作,在轮播图切换时,通过一组div元素来制作百叶窗效果切换图片,网页制作中非常炫酷的banner图效果。……
    2016-09-04
  • jQuery响应式网格列表变化左右滑动焦点图特效

    jQuery响应式网格列表变化左右滑动焦点图特效

    一款jQuery响应式网格列表变化左右滑动焦点图特效下载,该特效基于Bootstrap框架制作,是一款可以将指定的网格内容扩展为旋转木马效果,通过左右按钮切换播放。……
    2016-08-16
  • 纯CSS3制作一个简单好看的翻书效果

    纯CSS3制作一个简单好看的翻书效果

    纯CSS3制作一个简单好看的翻书效果下载,蛮精致的一款纯CSS3模拟书本翻页效果,CSS3网页制作小实例教程。……
    2016-08-16
  • SVG酷炫响应式图片翻页切换特效

    SVG酷炫响应式图片翻页切换特效

    一款酷炫响应式图片翻页切换特效源码下载、该特效基于HTML5+SVG制作,兼容PC端、Pad端、移动端图文相册展示。……
    2016-08-16
  • CSS3鼠标经过图片3D翻转动画特效

    CSS3鼠标经过图片3D翻转动画特效

    一款CSS3鼠标经过图片3D翻转动画特效下载,该CSS3网页特效是一款通过Bootstrap网格系统来布局,通过简单的CSS3代码,在鼠标滑过图片时对图片进行3D翻转,效果非常酷。……
    2016-07-22
  • jQuery和CSS3超酷3D多层图片视觉差互动特效

    jQuery和CSS3超酷3D多层图片视觉差互动特效

    一款jQuery和CSS3超酷3D多层图片视觉差互动特效下载,该JS图片特效通过CSS3属性preserve-3d以及获取屏幕宽度、高度、当前鼠标坐标实现的视觉差3D特效。……
    2016-07-22
web前端视频教程


最新更新特效

设计分享

web前端视频教程