原生jQuery背景动画效果

1、准备好需要用到的图标。

3、书写hmtl代艨位雅剖码。<div id="aaa"> <ul> <li><span><img src="1.png" /></span><a href="#">联系我们</a></li> <li><span><img src="2.png" /></span><a href="#">首页地址</a></li> <li><span><img src="3.png" /></span><a href="#">百度经验</a></li> </ul></div>

5、书写并添加js代码。<script src="jquery.min.js"></script><script>$(function(){ $('#aaa li').hover(function(){ $('span',this).stop().an imate({'top':'-42px'}); },function(){ $('span',this).stop().ani mate({'top':'0px'}); });});</script>

7、查看效果。