<div class="section">
    <ul class="clearfix">
        <li>
            <div class="photo"><img src="images/1.jpg" width="318" height="343" /></div>
            <div class="rsp"></div>
            <div class="text"><a href="https://jy.tp.yuanmeng.life/js/618.html"><h3>PHP+jQuery+Ajax无刷新分页加搜索</h3></a></div>
        </li>
<li>
            <div class="photo"><img src="images/2.jpg" width="318" height="343" /></div>
            <div class="rsp"></div>
            <div class="text"><a href="https://jy.tp.yuanmeng.life/js/619.html"><h3>catslider简单的多商品分类滑动</h3></a></div>
        </li>
<li>
            <div class="photo"><img src="images/3.jpg" width="318" height="343" /></div>
            <div class="rsp"></div>
            <div class="text"><a href="https://jy.tp.yuanmeng.life/js/620.html"><h3>slider响应式垂直滚动插件</h3></a></div>
        </li>
<li>
            <div class="photo"><img src="images/4.jpg" width="318" height="343" /></div>
            <div class="rsp"></div>
            <div class="text"><a href="https://jy.tp.yuanmeng.life/js/621.html"><h3>jQuery三重面板图片滑动插件</h3></a></div>
        </li>
<li>
            <div class="photo"><img src="images/5.jpg" width="318" height="343" /></div>
            <div class="rsp"></div>
            <div class="text"><a href="https://jy.tp.yuanmeng.life/js/622.html"><h3>siteslider不同背景色全屏滑动</h3></a></div>
        </li>
<li>
            <div class="photo"><img src="images/6.jpg" width="318" height="343" /></div>
            <div class="rsp"></div>
            <div class="text"><a href="https://jy.tp.yuanmeng.life/js/623.html"><h3>Cufon圆形缩略图焦点图轮播插件</h3></a></div>
        </li>
    </ul>
</div>

$(".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})
});