因此,我试图在该网站上创建类似于云的效果: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/