Html Marquee 中的多个图像应该一个接一个滚动
声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow
原文地址: http://stackoverflow.com/questions/18695225/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
More than one images in Marquee which should scroll one after another
提问by udayrajkhuman
I have created one marquee having one image. I want more than one images in this which should scroll one after another. In my code they comes like one above other and they should be in one div. and i want these images scroll smoothly while in marquee they are scrolling like stopping and scrolling at some time.
我创建了一个带有一个图像的选取框。我想要不止一张图片,应该一张一张地滚动。在我的代码中,它们就像一个在另一个之上,它们应该在一个 div 中。我希望这些图像在选取框内平滑滚动时,它们会像在某个时间停止和滚动一样滚动。
回答by briosheje
Try adding a class to your images by floating them to the left:
尝试通过将它们浮动到左侧来为您的图像添加一个类:
.floatingLeft {
float: left;
}
This should do the job.
这应该可以完成工作。
fiddle: http://jsfiddle.net/7KQML/
回答by Amy Degregorio
Try this code:
试试这个代码:
<MARQUEE behavior="scroll" direction="left" width="100%">
<img src="yourimagehere1.gif">
<img src="yourimagehere2.gif">
<img src="yourimagehere3.gif">
</MARQUEE>
here is a simple example.
这是一个简单的例子。