以下是我实施的代码。我想让图像一个接一个地滚动。像下面的图像我的意思是4个图像应该从右边滚动 - >通过在下面的图像中使用speed.sorry滚动我错误地完成了2个图像,但我希望4个图像向右滚动 - > left.Is有什么办法做这个css?或jquery
<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 & Toubro" title="Jobs at Larsen & 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 & 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>
答案 0 :(得分:1)
使用marquee
代码
<marquee direction="right"><img src=""><img src=""><img src=""><marquee>