guoqiantong 发表于 2013-1-29 13:22:37

jQuery动画效果鼠标经过图层显示隐藏图层

jquery代码如下:

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script><script type="text/javascript">$(function(){$('.wai').mouseover(function(){$('.nei').animate({top:"-100"},{queue:false,duration:300});}).mouseleave(function(){$('.nei').animate({top:"100"},{queue:false,duration:300});});});</script>

初始效果:

http://dl.iteye.com/upload/attachment/0077/8611/0ed2f883-577a-3445-9120-8e6183ac7a72.jpg

鼠标经过图层后显示隐藏的图层

http://dl.iteye.com/upload/attachment/0077/8613/11962106-b6be-3d57-bca7-367f1512ac82.jpg

想要源码请下载附件
页: [1]
查看完整版本: jQuery动画效果鼠标经过图层显示隐藏图层