CSS 회전과 왼쪽에서 오른쪽으로 차례대로 정보를 표시합니다.

Question

좋아요. 이건 아주 이상한 질문입니다 만, 필름을 보여주는 타임 라인을 만들고 거기에 날짜가 있고 나는 텍스트로 세로로 표시하고 싶은 많은 영화가 있습니다. . 나는 각 영화가 서로 옆에 나타나길 원한다. 왼쪽에서 오른쪽으로 진행한다. 그것은 상단에 표시하고 표시하는 첫 번째 영화 메신저로 믹스 매쉬입니다

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

- 여기

내가 지금 가지고있는 것입니다. 각각의 개봉 사이의 일이있는 경우

임 데이터베이스에서 데이터 호출 및 이미지가 나타납니다

어떤 도움을 크게 메신저 CSS의 바다에서 길을 잃었 주시면 감사하겠습니다은

Answer 1

이 뭔가는 할 수있다 꽤 쉽게 플래시에서 할 수 있지만, 추세가 플래시에서 벗어나고 있다는 점을 감안할 때, HTML 5에서 그렇게하는 것이 합리적입니다.이 일을하는 5 가지 방법은 html 5 캔버스에서하는 것입니다. .

당신이 현재 가지고있는 것을 가지고 관심이없는 것을 감안할 때 자바 스크립트에서 타이머를 시작하는 것이 좋을 것 같습니다. 타이머는 리를 반복하고 이동하는 함수를 호출합니다. 아래로 ... 예를

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

} 

를 들어

주의 :

을 테스트하지 당신은 그들이 이동 그들이 레이아웃을 망치지 않도록, 그것을 조금 조정할 리튬의 절대해야 할 수도 있습니다 ,하지만 그게 내가 그것에 대해 갈 수있는 방법입니다. 내가 더 이상했다면 나는 해킹의 정신에 반하는 범죄를 범할 것이다. 재미있어!