jquery - 如何让图片一个接一个滚动

Question

下面是我实现的代码。我想让图像一个接一个地滚动。如下图所示，我的意思是应该通过快速滚动从右 -> 左滚动 4 张图像。抱歉，在下图中我错误地完成了 2 张图像，但我想要 4 张图像向右 -> 左滚动。有什么办法吗这个CSS？或查询

							
                                        		<div class="empsliderwrap" style="">
                                                		<div class="empslidermain clr"><div class="clr"></div>										<style>
						.logosliderwrapnew{overflow:hidden;}
						.logoslidernew{width:100%;overflow:hidden;height:auto;}
						.logosliderinnr{width:999px;height:auto;}
						.logoslideritem{width:300px;height:auto;}
					</style>


                        							<div class="logosliderwrapnew">
                                						<div class="logoslidernew" style="position: relative; height: 480px;">
                                        					<div class="logosliderinnr"><div class="logoslideritem lft" style="position: absolute; left: -300px;"><div class="emplogorow clr"><a href="" class="emplogo lft" target="_blank"><img border="0" width="135" height="50" src="http://i.imgur.com/M0cP1m9.jpg" alt="TCS   IT Jobs in India" title="TCS   IT Jobs in India"></a>
<a href="" class="emplogo lft" target="_blank"><img border="0" width="135" height="50" src="http://i.imgur.com/Hdc3XSr.jpg" alt="" title=""></a>
</div>
<div class="emplogorow clr"><img border="0" width="135" height="50" src="http://i.imgur.com/QQpUNAc.jpg" alt="Jobs at Larsen &amp; Toubro" title="Jobs at Larsen &amp; Toubro"></a>
<a href="" class="emplogo lft" target="_blank"><img border="0" width="135" height="50" src="http://i.imgur.com/izye7CS.gif" alt="" title=""></a>
</div>
<div class="emplogorow clr"><a href="" class="emplogo lft" target="_blank"><img border="0" width="135" height="50" src="http://i.imgur.com/t3hOOIG.jpg" title="Jobs at Larsen &amp; Toubro"></a>
<a href="" class="emplogo lft" target="_blank"><img border="0" width="135" height="50" src="http://i.imgur.com/nnNPuSw.gif" alt="Tech Mahindra- IT Job opportunities" title="Tech Mahindra- IT Job opportunities"></a>
</div>
<div class="emplogorow clr"><a href="" class="emplogo lft" target="_blank"><img border="0" width="135" height="50" src="http://i.imgur.com/uyEO4Hb.gif" alt="Wipro- IT Job opportunites" title="Wipro- IT Job opportunites"></a>
<a href="" class="emplogo lft" target="_blank"><img border="0" width="135" height="50" src="http://i.imgur.com/M0cP1m9.jpg" alt="" title=""></a>
</div>




</div>
</div>
<div class="logoslideritem lft" style="position: absolute; left: 0px;"><div class="emplogorow clr"><a href="" class="emplogo lft" target="_blank"><img border="0" width="135" height="50" src="http://i.imgur.com/M0cP1m9.jpg" alt="" title=""></a>
<a href="" class="emplogo lft" target="_blank"><img border="0" width="135" height="50" src="http://i.imgur.com/QQpUNAc.jpg" alt="" title=""></a>
</div>
<div class="emplogorow clr"><a href="" class="emplogo lft" target="_blank"><img border="0" width="135" height="50" src="http://i.imgur.com/izye7CS.gif" alt="2147483649" title="2147483649"></a>
<a href="" class="emplogo lft" target="_blank"><img border="0" width="135" height="50" src="http://i.imgur.com/t3hOOIG.jpg" alt="" title=""></a>
</div>
<div class="emplogorow clr"><a href="" class="emplogo lft" target="_blank"><img border="0" width="135" height="50" src="http://i.imgur.com/t3hOOIG.jpg" alt="" title=""></a>
<a href="" class="emplogo lft" target="_blank"><img border="0" width="135" height="50" src="http://i.imgur.com/Hdc3XSr.jpg" alt="" title=""></a>
</div>
<div class="emplogorow clr"><a href="" class="emplogo lft" target="_blank"><img border="0" width="135" height="50" src="http://i.imgur.com/uyEO4Hb.gif" alt="" title=""></a>
<a href="" class="emplogo lft" target="_blank"><img border="0" width="135" height="50" src="http://i.imgur.com/izye7CS.gif" alt="" title=""></a>
</div>
</div>
</div>
                    </div>
                    </div>
                

Answer 1

使用marquee标签

<marquee direction="right"><img src=""><img src=""><img src=""><marquee>