1. 首頁
  2. 問答
  3. 如何讓圖像在HTML中從中心向左滾動？

如何讓圖像在HTML中從中心向左滾動？

2016-11-13 41 views
0

我一直想知道如何製作圖像從中心向左滾動，就像本網站中的圖片一樣。 http://www.kiminona.com/index.html#story如何讓圖像在HTML中從中心向左滾動？

我試過使用<marquee>標籤，但我所能做的就是讓它從右向左滾動。在我搜索的過程中，我發現的所有方法都是在CSS中完成的。我需要知道如何在HTML-only。

來源

2016-11-13 Yáo Sūfēi

+0

爲什麼你能不能用CSS？ –

+3

你不能只用HTML。 ''是幾十年前的一個剩餘物，在完美的世界中甚至根本不存在。 – JJJ

+0

是的，我自己曾經想過使用CSS如此糟糕......但是，我的老師只允許我們使用HTML。哦，如果是這樣的話。 –

回答

-1

我建議你不要使用marquee標籤，因爲它被w3c棄用，但是，如果你必須並且只能使用HTML，那麼你可以使用標籤中的direction屬性。你可以創建一個div和樣式，如果只有頁面寬度的一半，然後在其中應用marquee標籤。

<marquee direction="left">Image Goes Here</marquee>

如果你能夠使用CSS，那麼你可以使用關鍵幀。關於如何使用它們，有一些很好的信息here。

來源

2016-11-13 13:19:26 Ben

0

在這種情況下，您仍然可以使用舊選取框。從中心環它到離開，則trict是把帳篷左DIV裏面像下面

.item { 
 
    float:left; 
 
    border: 1px solid green; 
 
    height: 300px; 
 
    width: 45%; 
 
}
<div id="image" class="item"> 
 
<marquee>This text will scroll from _center_ to left</marquee> 
 
</div> 
 
<div id="content" class="item"> 
 
content 
 
</div>

來源

2016-11-13 13:55:08 RizkiDPrast

相關問題

 相關問題