Question

有一个触发Javascript函数的提交类型按钮，其中包含以下代码：

function spin() {


        alert("spinning");
        document.getElementById("rouletteImage").removeAttribute('style');

    var deg = 180;

    var css = '-webkit-transform: rotate(' + deg + 'deg);';

    document.getElementById("rouletteImage").setAttribute(
        'style', css
    );
}

css中的这一行：

    img {
    -webkit-transition: -webkit-transform 4s ease-out;
}

现在，这段代码完美无缺，旋转动画也很流畅，但是，出于某些原因，当我从函数中删除alert()时，图像仍然被deg旋转，但是没有任何任何形式，它只是简单的生成已经旋转。

有人可以给我任何见解吗？

Answer 1

更改为

<img src="" id="rouletteImage"  />

Javscript功能

function spin() {

 document.getElementById("rouletteImage").className ('someClass');

}

更改css，如

img.someClass {
-webkit-transform: rotate(180deg);
}

如果不能正常工作，请告诉我

JS动画仅在页面刷新后与alert（）一起使用

1 个答案: