大佬教程收集整理的这篇文章主要介绍了javascript – 如何避免兄弟的元素抖动时动画与jquery,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
HTML
<div class='a'></div> <div class='b'></div>
CSS
.a { width: 80px; height: 80px; padding: 10px; border: 0px solid yellow; background-color: red; display: inline-block } .b { width: 100px; height: 100px; background-color: blue; display: inline-block; margin-left: 20px; }
jQuery的
$('.a').mouseenter(function(){ $(this).animate({ 'padding': 0,'borderWidth': 10 }); }).mouseleave(function(){ $(this).animate({ 'padding': 10,'borderWidth': 0 }); });
我不能使用边框而不是边框,因为我使用带有边框起点的背景图像,所以我不希望它与其内容一起移动.
任何帮助?
以上是大佬教程为你收集整理的javascript – 如何避免兄弟的元素抖动时动画与jquery全部内容,希望文章能够帮你解决javascript – 如何避免兄弟的元素抖动时动画与jquery所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。