1、调用CSS样式:
<link rel="stylesheet" type="text/css" href="css/style.css" />
2、调用JS代码:
<script type="text/javascript" src="js/zepto.min.js"></script>
3、添加HTML代码:
加入
<!--效果html开始-->......
<!--效果html结束-->之间的html代码;放在<body></body>之间。
4、初始化代码:
<script type="text/javascript">
$(function(){
$(".menu").click(function(){
var span = $(this).find("span");
if(span.hasClass("open")){
span.removeClass("open").addClass("close");
$(".btn").removeClass("open").addClass("close");
}else{
span.removeClass("close").addClass("open");
$(".btn").removeClass("close").addClass("open");
}
});
});
</script>