因此,我试图在该网站上创建类似于云的效果:http://www.poweredwebsite.com/index-v.php
我究竟将如何使用html,css或javascript执行此操作?

最佳答案

您可以使用重复的背景图片,并使用jQuery动画x位置:

HTML可以是您想要的任何内容:

<div class="banner">
  <!-- etc. -->
</div>


和CSS:

.banner {
  height: 200px;
  width: 800px;
  background: url(path/to/image);
}


还有一些jQuery:

function animateBanner() {
  jQuery('.banner').css({
    backgroundPositionX: '0'
  }).animate({
    backgroundPositionX: '-400px'
  }, 5000, 'linear', animateBanner);
}
animateBanner();


这是一个演示:http://jsfiddle.net/tLEBa/

关于javascript - HTML/css/Javascript云幻灯片,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/24918122/

10-12 12:48
查看更多