如何使图像一个接一个地滚动

时间:2016-08-04 18:08:35

标签: jquery html css html5 css3

以下是我实施的代码。我想让图像一个接一个地滚动。像下面的图像我的意思是4个图像应该从右边滚动 - >通过在下面的图像中使用speed.sorry滚动我错误地完成了2个图像,但我希望4个图像向右滚动 - > left.Is有什么办法做这个css?或jquery enter image description here

							
                                        		<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>
                

1 个答案:

答案 0 :(得分:1)

使用marquee代码

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