如果CSS3过渡不存在，使用Modernizr和jQuery来动画

如果不支持CSS3，有没有办法使用Modernizr和jQuery的组合来启用类似于转换的东西？ 我现在正在做的就是这样……

 
This div changes both width and height on hover
  

CSS是

 .hoverable { height: 100px; width: 2000px; transition: height .5s, width .5s; } .hoverable:hover { height: 200px; width: 100px; } 

如果不支持CSS3转换，我现在只使用Modernizr来使div默认处于hover状态。 如果不支持CSS3，有没有办法使用Modernizr来触发jQuery动画？ 如果不是jQuery，那么我也可以使用自定义动画，但我真的不知道如何做。

Answer 1

自己解决了这个问题。 我这样做是这样的

           
 JS 
 
 CSS 
   

这非常有效。 CSS只在新浏览器中动画（因为这是它唯一可以的地方），而JS只在旧浏览器中动画。 如果您使用此脚本，您可以从http://www.modernizr.com/获取modernizr，从http://www.jquery.com/获取jQuery（当然）。

Answer 2

您可以使用：

 if（！Modernizr.csstransitions）{//测试是否支持CSS转换
     $（ '＃myDiv'）。绑定（{
         mouseenter：function（）{
             $（本）.animate（{
                宽度：1000，
                身高：1000
             }，1000）;
         }，
         mouseleave：function（）{
             $（本）.animate（{
                宽度：100，
                身高：100
             }，1000）;
         }
     }）;
 }