Question

我可以制作使用任何语言每10秒旋转一次图像的代码这是我使用的代码：

HTML

<div class="circle"></div>

CSS

.circle{
width:100px;
height:100px;
background:lightgreen;
border:4px solid gray;
border-radius:100px;
}

Answer 1

是的，你可以:) 加上这个：

<script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>

然后试试这个：

var x=$(".circle");
var angle = 15;
setInterval(function(){
    x.rotate(angle);
},10000);

Answer 2

尝试这个。

添加Jquery插件。

    var angle = 0;
$(document).ready(function(){
     var interval_rotate = setInterval(function(){
        angle++;
    $('.circle').css('transform','rotate('+angle+'deg)');
    $('.circle').css('-ms-transform','rotate('+angle+'deg)');
    $('.circle').css('-webkit-transform','rotate('+angle+'deg)');


}, 10000);
})

我可以制作每10秒旋转一次图像的代码吗？

2 个答案: