1、调用CSS样式:
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<link rel="stylesheet" href="css/font-awesome.min.css" media="screen">
<link rel="stylesheet" href="css/style.css" media="screen">
<link rel="stylesheet" href="css/zlight.menu.css" media="screen">
2、调用JS插件代码:
<script src="jQuery/jquery-1.9.1.min.js"></script>
<script src="js/jquery.zlight.menu.1.0.min.js"></script>
3、添加HTML代码:
将
<!--效果html开始-->......
<!--效果html结束-->之间的html和js代码;放在<body></body>之间。
4、JS初始化代码:
<script>
$(document).ready(function(){
$('#zlight-nav').zlightMenu();
});
</script>