0

わかりました、これは非常に奇妙な質問ですが、映画を紹介するタイムラインを作成していて、そこにリリース日があり、テキストとして縦に表示したい映画がたくさんあります。各フィルムを左から右に並べて表示したいと思います。

これが私が現時点で持っているものです-

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

表示されている最初のフィルムが上部に表示されているため、これはミックス マッシュです。

データベースからデータを呼び出すと、各映画のリリースの間に日数がある場合に画像が表示されます

cssの海で迷子になった私は、どんな助けでも大歓迎です

4

1 に答える 1

0

これは Flash でかなり簡単に実行できることですが、トレンドが Flash から遠ざかりつつあることを考えると、html 5 で実行するのは理にかなっています。それをhtml 5キャンバスに入れます。

それらのどれも興味がないことを考えると、あなたが現在持っているものを取ると、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
    });

}

注意：テストされていません

少し微調整する必要があるかもしれません.liを絶対にして、移動中にレイアウトが台無しにならないようにしますが、それが私が行う方法です. これ以上やったら、ハッキングの精神に反する罪を犯すことになります。楽しむ！

于 2012-04-20T05:11:18.150 に答える