jQuery Code:
<script type="text/javascript"> $(document).ready(function(){ $(".click-btn").click(function(){ $(this).siblings().addClass("round"); }); }); </script>
我们载入时box是没有任何动画效果的，当我们点击了click button看给原box上加上一个round的class名，从而触发了一个round的动作。请看效果：
HTML5技术
jQuery Code: script type= "text/javascript" $(document).ready( function(){$( ".click-btn").click( function(){$( this).siblings().addClass( "round");});}); / script 我们载入时box是没有任何动画效果的，
1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。
相关文章-
CSS3 时钟 - 前端爱好者
2016-08-14 10:01
-
css3制作旋转立方体相册 - 不会飞的麻雀
2016-08-11 14:00
-
简单的CSS3鼠标滑过图片标题和遮罩层动画特效 - 爱上程序猿
2016-08-04 15:00
-
H5动效的常见制作手法 - -小克
2016-08-03 12:01
网友点评
精彩导读
热门资讯
关注我们
关注微信公众号，了解最新精彩内容
