從左到右使用CSS旋轉和顯示信息一個接一個

Question

好吧，這是一個相當奇怪的問題，但即時創建時間軸展示電影和有發佈日期，我有很多電影，我想要顯示爲文本垂直。我希望每部電影都從左到右依次出現。

這是我目前所面對的 -

http://ignitethatdesign.com/CheckFilm/index1.php

它是一種混合搗爛作爲第一部電影IM顯示在頂部顯示。如果有每個電影發行之間的天

進出口呼叫從一個數據庫中的數據和圖像顯示

任何幫助，將不勝感激IM失去了CSS的海洋

Answer 1

這是有可能在Flash中相當容易完成，但鑑於趨勢正在從閃存中移除，因此在html 5中執行它是有意義的.HTML 5的方式可以做到這一點，這可能很有趣，可以在html 5畫布中實現。

鑑於這些都不感興趣，採取你現在有什麼，它似乎是一個好主意，開始在JavaScript中的一種計時器，計時器將調用一個函數，遍歷李的和移動他們下來...

例如

var t=setTimeout("moveListItems()", 500); // just adjust the time in milliseconds to make           
              // it faster or slower. 

function moveListItems() { 
    // place move list items code here 
    //probably a call to update the css "top" 
    $('#horiz_container li').each(function() { 
     alert(index + ': ' + $(this).text()); 
     var newtop = $(this).position().top + 250; 
     $(this).css('top', newtop + 'px'); 
     //check if the top is too low then reset to top to the top of the container 
    }); 

} 

當心：未測試

您可能需要調整它一下，讓李的絕對因此他們，因爲他們招不搞砸了佈局，但這就是我如何去做的。如果我再做了，那麼我會犯一個違反黑客精神的犯罪行爲。玩的開心！