2010-03-27 5 views
1

웹 사이트 예는 http://www.wikihow.com/Main-Page이며, 오른쪽의 "Recent Changes"제목을 확인하십시오.스크롤링 컨텐츠 위젯 구현 방법

나는 이러한 스크롤 막대의 구현에 정말 놀랐다.
Google도 이와 비슷한 것을 사용합니다.

누군가 jquery를 사용하여이 작업을 수행하는 방법을 알려 줄 수 있습니까?

+0

제목에서 본문으로 링크를 이동해야했지만 클릭 할 수 없었습니다. 참으로 훌륭한 위젯입니다. 누군가 jquery 플러그인을 만드는 것을 고려해야합니다. –

답변

4

그들은 JSONP (패딩이있는 JSON)을 사용합니다. 페이지가로드되면 그들은 다음 URL을 참조합니다 : http://pad1.whstatic.com/Special:RCWidget?function=rcwOnLoadData JSON 데이터를 함수로 랩핑합니다. 남은 것은 rcwOnLoadData이며 setInterval을 사용하여 데이터를 순환하여 대상 div에 표시합니다. 중요한 점은 AJAX를 사용하지 않는다는 것입니다. 모든 데이터가 페이지로드시 클라이언트에 푸시됩니다.

+0

구현에 대한 자세한 지침은 어디서 얻을 수 있습니까? –

+0

당신은 누군가 당신을 위해 코드를 작성했거나 서버 측, 클라이언트 측에서 JSONP를 구현하는 것과 관련하여 구체적인 질문이 있습니까? –

+0

정말 늦게 유감스럽게도 처음부터 다시 구현하는 방법을 배우고 싶습니다. 나를 인도 해 줄 수 있니? –