添加到百度首页
添加收藏 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>
相关特效
  • 基于CSS3+SVG制作超炫爆裂式动画关闭窗口特效

    基于CSS3+SVG制作超炫爆裂式动画关闭窗口特效

    一款基于CSS3+SVG制作超炫爆裂式动画关闭窗口特效,该网页特效当用户点击弹出层关闭按钮时,就像一颗子弹击中弹出层关闭按钮,然后登录框从按钮处断裂,下落并消失,整个效果超炫酷。……
    2016-06-25
  • xGallerify-响应式jQuery图片画廊插件

    xGallerify-响应式jQuery图片画廊插件

    xGallerify是一款轻量级响应式jQuery图片画廊插件,该图片特效插件会根据图片的尺寸智能生成网格布局,并且可以动态的添加图片。它具有响应式,易于实现等特点。……
    2016-06-24
  • swiper.js制作移动端响应式幻灯片特效

    swiper.js制作移动端响应式幻灯片特效

    一款swiper.js制作移动端响应式幻灯片特效下载,自适应图片宽、高比例缩放,自适应浏览器宽度,支持手指左右滑屏切换图片幻灯特效代码。……
    2016-06-19
  • baguetteBox移动端PC端响应式相册插件

    baguetteBox移动端PC端响应式相册插件

    一款baguetteBox移动端PC端响应式相册插件免费下载,该JS特效支持多图展示,多分辨率展示大图特效,响应式网站建设超实用图文展示JS代码。……
    2016-06-12
  • CSS3 animate制作纸牌翻转效果

    CSS3 animate制作纸牌翻转效果

    一款CSS3 animate制作纸牌翻转效果网页特效,该特效通过点击图片实现2张图片动画旋转切换。……
    2016-06-12
  • 基于jQuery弹性展开收缩菜单插件gooey.js

    基于jQuery弹性展开收缩菜单插件gooey.js

    一款jQuery弹性展开收缩菜单插件gooey.js下载,该JS插件是一款基于gooey.js插件实现SVG动画弹性菜单特效代码。……
    2016-05-26
  • jwplayer响应式多终端适配视频播放器

    jwplayer响应式多终端适配视频播放器

    一款jwplayer响应式多终端适配视频播放器免费下载,该JS视频插件适用于网页播放视频展示,这里整理了下分享给大家。……
    2016-05-26
  • Bootslider响应式全屏相册特效

    Bootslider响应式全屏相册特效

    一款Bootslider响应式全屏相册特效网页特效下载,该CSS3+jQuery特效适用于PC网站制作,响应式网站制作图片、相册展示应用。带左右箭头、索引按钮。……
    2016-05-25
  • CSS3鼠标悬停图片动画显示简介特效

    CSS3鼠标悬停图片动画显示简介特效

    一款CSS3鼠标悬停图片动画显示简介特效下载,该CSS3特效基于transform、scale3d实现的鼠标滑过图片动画放大、渐变出现文字描述图文特效。……
    2016-05-22
  • CSS3响应式世界地图热点击动画显示详情

    CSS3响应式世界地图热点击动画显示详情

    一款纯CSS3实现世界地图热点击动画显示详情特效,点击标注点即可在页面上弹出一个文字提示框,用来说明该标注点在地图上的详细信息,如果你需要有一款带标注功能的地图应用,那么这款……
    2016-05-22



最新更新特效

设计分享