1、调用CSS样式:
<link rel="stylesheet" type="text/css" href="css/style.css" />
2、调用JS插件代码:
<script src="js/jquery-1.8.3.min.js"></script>
3、添加HTML代码:
将
<!--效果html开始-->......
<!--效果html结束-->之间的html和js代码;放在<body></body>之间。
4、代码片段:
$(function(){
$(".section ul li .rsp").hide();
$(".section ul li").hover(function(){
$(this).find(".rsp").stop().fadeTo(500,0.5)
$(this).find(".text").stop().animate({left:'0'}, {duration: 500})
},function(){
$(this).find(".rsp").stop().fadeTo(500,0)
$(this).find(".text").stop().animate({left:'318'}, {duration: "fast"})
$(this).find(".text").animate({left:'-318'}, {duration: 0})
});
});