jquery - 在没有插件的情况下添加旋转到这个悬停效果？

Question

因此，当我将鼠标悬停在“#header”上时，此代码将“.now”向上移动 20px，然后当我将鼠标悬停时将其收回。

$(document).ready(function() {
    $('#header')
        .hover(function() {
            $(".now").stop().animate({ top: -20 }, 'fast');
        }, function() {
            $(".now").stop().animate({ top: 0 }, 'fast');
        });
});

我如何将“.now”旋转 45 度并移动它？

Answer 1

旋转元素是基于 CSS3 样式构建的，在各种现代浏览器中处理方式不同......

因此，虽然有一些方法可以在没有插件的情况下完成，但使用像jQuery Transit这样的优秀 jQuery 插件有助于简化实现所需效果所需的代码（就像 jQuery 本身一样。）