2012-07-24 4 views
0

4 개의 다른 문장 사이에서 슬라이드하기 위해 텍스트 슬라이더를 만들려고합니다. 나는 그것을 작동시키지 못하고 사실상 코드가 전혀 작동하지 않는다. 나는 신선한 것을 시작할 필요가 있지만 문장 사이를 전환 할 방법을 어떻게 만들지는 모른다.JQuery 및/또는 CSS에서 가로 텍스트 슬라이더를 만드는 방법은 무엇입니까?

CSS3 또는 jQuery로 작성하는 데 도움이됩니다. 기본 설정이 없으므로 도움이됩니다. 컨테이너

+1

무엇을 시도 했습니까? 문제를 볼 수 있도록 관련 코드를 게시 할 수 있습니까? –

답변

0

그냥 설정 (이 예에서는 범위의 사용) : 당신의 CSS에서 지금

<div id="parent_container"> 
    <span>Sentence once</span> 
    <span>Sentence two</span> 
    <span>Sentence three</span> 
    <span>Sentence four</span> 
</div> 

는, 바람직하게는 parent_container의 스팬 폭을 설정, 스스로 나란히 위치로 설정합니다. jQuery를 에서

하면 이제 하나, hide()show()<span> 필요하거나 animate() 스팬 간 전이. 질문에 따라 슬라이드가있는 animate()을 원하는 것처럼 들립니다.

+0

jQuery로 애니메이션을 적용하는 방법의 예를 보여줄 수 있습니까? –

+1

게시 한 문서의 예가 있습니다. 그러나 텍스트 슬라이더를 어떻게 사용할 것인지에 대한 많은 정보를 제공하지 않았기 때문에 전체 코드를 제공하는 것은 본질적으로 어려울 것입니다. 제 제안은 jquery 문서를 살펴보고 예제 코드로 먼저 수정하는 것입니다. – Julio

관련 문제