CSSの回転と左から順に情報を表示する

Question

これはかなり奇妙な質問ですが、タイムラインを作成して映画を公開し、日付を公開しています。私はテキストとして縦に表示したいたくさんの映画があります。私は、それぞれの映画が互いに隣り合うように、左から右に向かって欲しいと思っています。これは、一番上に表示される表示を第一の膜IMとしてミックスマッシュある

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

- ここ

は私が現時点で持っているものです。各フィルムのリリース間の日数がある場合

IMデータベースからのデータで通話や画像が表示されます

すべてのヘルプは大幅イムCSSの海で失わいただければ幸いで

Answer 1

これは何かがその可能性ありかなり簡単にFlashで行うことができますが、傾向がフラッシュから遠ざかっていることを考えると、html 5でそれを行うのが理にかなっています。これを行う5つの方法は、html 5 canvas 。

あなたが現在持っているものを取り上げれば、それはJavaScriptのタイマーを開始するのは良い考えのようですが、タイマーはliを繰り返して移動する関数を呼び出しますダウン...例えば

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 
    }); 

} 

用心：

をテストしていないあなたは、彼らが移動すると、彼らはレイアウトを台無しにしないように、李さん絶対に作り、それを少し微調整する必要があるかもしれませんしかし、それは私がそれについてどうやって行くのかです。もし私がもうしたら、私はハッキングの精神に反して犯罪を犯すだろう。楽しむ！