hover动画,常用操作

hover动画的应用场景很多,实现方式有多种。

  1. 元素:hover选择器配合css3 动画或者过渡。(不支持ie8,9)
  2. jquery实现,但是值得说明的是:
    • 不要使用mouseover和mouseout,因为动画不好控制,事件触发交叉混乱。
    • 使用jquery的hover事件如下
$("#test").hover(function(){
        $(this).filter(":not(:animated)").animate({}) ;
},function(){
        $(this).animate({}) ;
}) ;

你可能感兴趣的:(hover动画,常用操作)