Trung tâm cá nhân
sách gpt4 ai đã đi

jQuery 旋转/变换

In lại 作者：行者123 更新时间：2023-12-03 21:43:15 29 4
mua khóa gpt4 Nike

我想使用此功能旋转然后停止在特定点或角度。现在该元素只是旋转而不停止。代码如下:

感谢您的帮助

1 Câu trả lời

只需删除每次旋转一度的行并永远调用脚本即可。

// Animate rotation with a recursive call
setTimeout(function() { rotate(++degree); },65);

然后将所需的值传递到函数中...在此示例中，45 表示 45 度。 

$(hàm() {

    var $elie = $("#bkgimg");
    rotate(45);

        function rotate(degree) {
      // For webkit browsers: e.g. Chrome
           $elie.css({ WebkitTransform: 'rotate(' + degree + 'deg)'});
      // For Mozilla browser: e.g. Firefox
           $elie.css({ '-moz-transform': 'rotate(' + degree + 'deg)'});
        }

});

Sẽ .css() 更改为 .animate() 以 animate the rotation with jQuery 。我们还需要添加动画持续时间，5000 表示 5 秒。并更新您原来的功能以删除一些冗余并支持更多浏览器...

$(hàm() {

    var $elie = $("#bkgimg");
    rotate(45);

        function rotate(degree) {
            $elie.animate({
                        '-webkit-transform': 'rotate(' + degree + 'deg)',
                        '-moz-transform': 'rotate(' + degree + 'deg)',
                        '-ms-transform': 'rotate(' + degree + 'deg)',
                        '-o-transform': 'rotate(' + degree + 'deg)',
                        'transform': 'rotate(' + degree + 'deg)',
                        'zoom': 1
            }, 5000);
        }
});

biên tập:上面的标准 jQuery CSS 动画代码不起作用，因为显然 jQuery .animate() 还不支持 CSS3 transforms.

这个 jQuery 插件应该为旋转设置动画:

http://plugins.jquery.com/project/QTransform

关于jQuery 旋转/变换，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7936396/

29 4 0
Bài viết được đề xuất: javascript - 条形图上的 jqplot 工具提示
Bài viết được đề xuất: javascript - 声明变量 jQuery 和 JS
Bài viết được đề xuất: javascript - jQuery:如何从匿名函数内部访问父函数 "this"？
Bài viết được đề xuất: javascript - 如何将 "slide"和 "slid"事件附加到 Bootstrap 工具包的轮播中？
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Các bài viết nóng hổi trên toàn bộ trang web
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com