2016-08-04 36 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>

相關問題