2016-08-04 35 views
0

以下是我实施的代码。我想让图像滚动一个接一个。像下面的图片我的意思是4个图像应该从右侧滚动 - >左侧滚动speed.sorry在下面的图像我错误地做了2个图像,但我想要4个图像向右滚动 - > left.Is有任何方法可以做这个CSS?或jQuery的 enter image description here如何让图像一个接一个地滚动

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

 

 
         \t \t \t \t \t \t \t <div class="logosliderwrapnew"> 
 
           \t \t \t \t \t \t <div class="logoslidernew" style="position: relative; height: 480px;"> 
 
             \t \t \t \t \t <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

使用marquee标签

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

相关问题