首页 > 特效插件 > 导航菜单 >  粉色带小图标侧边弹出的jQuery+CSS3菜单代码正文

粉色带小图标侧边弹出的jQuery+CSS3菜单代码

特效介绍
jQuery+CSS3菜单代码

粉色带小图标侧边弹出的jQuery+CSS3菜单代码。IE8也可以使用,但是css3的圆角和弹性缩放功能没法实现。而,IE7和IE6就不要用了。

另外,本插件使用了特殊字体。具体特殊字体如果在没有安装的电脑上也能正常预览,可以访问:网站设置的特殊字体在没有该字体的电脑上也能正常显示

使用方法
第一步、在head区域引入下面的代码
<link rel="stylesheet" type="text/css" href="font/exo-demibold/stylesheet.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/animation.css">
<link rel="stylesheet" type="text/css" href="css/orchid/style.css">
<link rel="stylesheet" type="text/css" href="css/orchid/color.css">
<script type="text/javascript" src="http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/dropdown.js"></script>
<!--[if lte IE 9]>
<style type="text/css">
    .nav li:hover > a{
        background-color:rgb(51,51,51);
    }
    img{
        background-color:rgb(255,255,255);
    }

</style>
<![endif]-->
第二步、在您的导航区域引入<!--代码开始-->和<!--代码结束-->之间的代码。