jQuery是一个非常流行的JavaScript库，用于简化许多常见的JavaScript任务，包括动画效果和交互式用户界面。在这篇文章中，我们将讨论如何使用jQuery旋转导航栏。

//设置初始变量
var  angle = 0, 
     step = 45, 
     rotation = 0;

//获取菜单旋转按钮
var $rotate_btn = $('#rotate-btn');

//获取导航栏
var $nav = $('#nav');

//当旋转按钮被点击时执行的函数
$rotate_btn.click(function() {
    //每次旋转时增加角度
    angle += step;

    //将旋转角度限制在360度以内
    if (angle >= 360) angle = 0;

    //一旦旋转角度被更新，就将它应用于导航栏
    $nav.css('transform', 'rotate(' + angle + 'deg)');
});

上面的代码演示了如何在jQuery中实现导航栏旋转。其中，我们首先设置了三个变量angle、step和rotation，分别用于跟踪导航栏的角度、每次旋转的步长和当前旋转的总角度。

接下来，我们获得了导航栏旋转按钮和导航栏本身的元素。然后，我们将旋转按钮设置为一个事件，每次单击它时，我们都会将角度增加step，并在应用旋转变换之前检查它是否超过360度。最后，我们将导航栏的变换样式应用于它，使它在页面中旋转。