2015-01-16 5 views
1

내가 Typed.js에 대한 코드를 다음 한 백 스페이스에서 첫 번째 요소 (https://github.com/mattboldt/typed.js/)Typed.js는

JS

$(function(){ 
    $("h2").typed({ 
     strings: ["This should stay forever. ", "Loop Element 1", "Loop Element 2", "Loop Element 3"], 
     typeSpeed: 0, 
     loop: true 
    }); 
}); 

HTML

<h2></h2> 

CSS

body{background: #000; color: lime; } 
.typed-cursor{opacity: 0; display:none; } 

을 제한 그것은 미주리에서 루프에서 실행 중입니다. ment. 여기 내 코드가 CodePen.io

루프로 실행하고 싶지만 그 순간에 나타나는 첫 번째 요소를 표시하고 싶습니다. 일단 그것이 나타나면 나는 그것이 머물러 있기를 원하며 나머지 요소들은 타이핑되고 아웃 될 것이고 루프에있게 될 것입니다.

답변

4

업데이트 :

답변을 알아 냈습니다. PenCode

: 여기

body{background: #000; color: lime; } 

.typed-cursor{ 
    display:none; 
} 

HTML 여기

<h2><span class="first"></span><span class="second"></span></h2> 

JS

$(function(){ 
    $("h2 .first").typed({ 
     strings: ["This should stay forever. "], 
     typeSpeed: 0, 
     callback: function() { 
      showThis(); 
     }, 

    }); 

function showThis(){ 

    $("span.second").typed({ 
      strings: ["Loop Element 1", "Element 2 Here", "New Element 3", "Element # 4"], 
      backDelay: 1500,  
      typeSpeed: 100, 
      backSpeed: 100, 
      loop: true, 

     }); 

    } 
}); 

CSS를하고있는 중이 야 무엇 pencode입니다