jQuery实现鼠标经过显示动画边框特效

2020-05-16 18:43:35易采站长站整理

<div class="text_gobuy">
<br/>
<p>9小时17分钟 | 初级</p>
<br/>
</div>
</div>
<div class="spbq">
<div class="biankuang biankuang_1"></div>
<div class="biankuang biankuang_2"></div>
<div class="biankuang biankuang_3"></div>
<div class="biankuang biankuang_4"></div>
<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ><div class="zst"><img src="http://www.jq22.com/demo/jQuery-hover20161208/images/0-135.jpg" alt=""></div><h2>jQuery基础课程</h2><span>让jQuery带您进入网页动态交互世界,为...</span><b>更新完毕    15783人学习</b></a>
<div class="text_gobuy">
<br/>
<p>9小时17分钟 | 初级</p>
<br/>
</div>
</div>
<div class="spbq">
<div class="biankuang biankuang_1"></div>
<div class="biankuang biankuang_2"></div>
<div class="biankuang biankuang_3"></div>
<div class="biankuang biankuang_4"></div>
<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ><div class="zst"><img src="http://www.jq22.com/demo/jQuery-hover20161208/images/0-135.jpg" alt=""></div><h2>jQuery基础课程</h2><span>让jQuery带您进入网页动态交互世界,为...</span><b>更新完毕    15783人学习</b></a>
<div class="text_gobuy">
<br/>
<p>9小时17分钟 | 初级</p>
<br/>
</div>
</div>
<div class="spbq">
<div class="biankuang biankuang_1"></div>
<div class="biankuang biankuang_2"></div>
<div class="biankuang biankuang_3"></div>
<div class="biankuang biankuang_4"></div>
<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ><div class="zst"><img src="http://www.jq22.com/demo/jQuery-hover20161208/images/0-135.jpg" alt=""></div><h2>jQuery基础课程</h2><span>让jQuery带您进入网页动态交互世界,为...</span><b>更新完毕    15783人学习</b></a>
<div class="text_gobuy">
<br/>
<p>9小时17分钟 | 初级</p>
<br/>
</div>
</div>
</div>
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script type="text/javascript">
function biankuang(obj) {
$(obj).find('.biankuang_1').stop(true).animate({
height: '305px'
},
300)
$(obj).find('.biankuang_2').stop(true).delay('300').animate({