当鼠标在图片的时候图片会上移一小段距离，并加上阴影。移开的时候恢复
我是这样做的 比如容器是a 图片是b
5
576$("#b").mouseover(function(){
this.animate({bottom:"10px"})
this.addClass(".xxx") //xxx表示带有阴影的类
})
$("#b").mouseout(function(){
this.animate({top:"10px"})
this.removeClass(".xxx") //xxx表示带有阴影的类
})似乎实现了，但是只是第一次有效，鼠标滑过 滑出都有效。但是第二次这样的循环后没用了 。也就是只能实现一次效果。请问为什么？
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
建议用hover实现，第一：简单，第二：性能比jq好。
比如矩形的li设置
具体的数值你可以自己调，希望对你有所帮助
你的animate里面top跟bottom的变化 都给写全了试试。其实这里吧，直接用个:hover伪类多方便。
直接用hover就能，translate3d就能实现
用hover就可以实现，而且我感觉并不是3d效果~~只是向上走了一点点外加了一个盒子阴影而已。
因为你 移入是设置的bottom值 移出又是设置的top值 你将移出的时候改成设置{bottom:0}