Question

我试图让图像在屏幕上永远旋转：

####### HTML

<div class="WideContainerMainShow">
   <div class="ShowStrip"></div>
</div>

####### HTML ####### CSS

.WideContainerMainShow
{
    width:100%;
    overflow:hidden;
    position:relative;
}

.ShowStrip
{
    background-image:url("someimage.png");
    background-repeat:repeat-x;
    width:10000000px;
    position:absolute;
    top:45px;
    right:-550px;
}

####### CSS ####### Jquery onload页面

$("div .ShowStrip").animate({ 'right': -10000000 }, 300000000);

####### Jquery

Answer 1

检查此插件有关jqueryrotate

的信息

Answer 2

递归调用你的动画：

function rotateForever() {
  $("div .ShowStrip").animate({ ... }, 'slow', rotateForever);
}

在你的onload中，拨打rotateForever()

Answer 3

我已经更新了你的代码。我使用了文本而不是图像。希望它有所帮助 http://jsfiddle.net/WRKHk/3/

如何使用jquery .animate（）图像？

3 个答案: