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

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-29 13:11:12  来源:igfitidea点击:

More than one images in Marquee which should scroll one after another

htmlcss

提问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/

小提琴: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.

这是一个简单的例子。