1、调用CSS样式:
<link href="css/style.css" rel="stylesheet" type="text/css" />
2、调用JS插件代码:
<script type="text/javascript" src="js/jquery.1.4.2.min.js"></script>
3、添加HTML代码:
将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。
4、JS代码:
<script type="text/javascript">
$(document).ready(function(){
$('.listimg').hover(function(){
$(".summary",this).stop().animate({top:'110px'},{queue:false,duration:180});
},function(){
$(".summary",this).stop().animate({top:'165px'},{queue:false,duration:180});
});
});
</script>