1、调用CSS样式:
<link rel="stylesheet" type="text/css" href="css/style.css" />
2、调用JS插件代码:
<script type="text/javascript" src="js/jquery.js"></script>
3、添加HTML代码:
将
<!--效果html开始-->......
<!--效果html结束-->之间的html和js代码;放在<body></body>之间。
4、JS代码:
<script type="text/javascript">
$(".con ul li").hover(function(){
$(this).find(".txt").stop().animate({height:"198px"},400);
$(this).find(".txt h3").stop().animate({paddingTop:"60px"},400);
},function(){
$(this).find(".txt").stop().animate({height:"45px"},400);
$(this).find(".txt h3").stop().animate({paddingTop:"0px"},400);
})
</script>