当前位置:首页 > 网页特效 > 其他特效 >

jQuery 动画效果 circle

时间:2014-06-09 08:30 来源:互联网 作者:源码搜藏 收藏 推荐

运行代码 保存代码 复制代码 提示:您可以先修改部分代码再运行,保存代码功能在Firefox下无效。
  • jQuery 动画效果 circle,Google+的圈子特效做的很不错,这里模仿下,时间有限,还有一个 动画累积 的问题没有解决。下班了匆忙做出来。当然,是基于 jQuery的,纯JS 还没有这个能力呢。
  • <script type="text/javascript"> 
    $(".circle_b").hover(function(){
    $(this).stop().animate({width:188,height:188,marginTop:"-20",marginLeft:"-20"},500)
    .css({"border-radius":"150px"});
    $(".circle_l").stop().animate({marginTop:"20"},500)
    },function(){
    $(this).stop().animate({width:148,height:148,marginTop:"0",marginLeft:"0"},500)
    .css({"border-radius":"100px"});
    $(".circle_l").stop().animate({marginTop:"0"},500)
    })
    </script>
由源码搜藏网整理,转载请注明出处https://www.codesocang.com/tx-qitatexiao/8636.html
下一篇:没有了

其他特效下载排行

最新文章