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和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特效移动端菜单动画菜单菜单导航

预览下载收藏分享