2016-08-02 3 views

답변

1

적절한 스타일로 두 개의 CSS 클래스를 만들고 javascript setInterval()을 사용하여 텍스트에 토글 할 수 있습니다.

HTML (jQuery로)

<div id="container" class="black_white text"> 
TEXT 
</div> 

CSS

.text { 
    font-size: 20px; 
    font-weight: bold; 
    -webkit-text-stroke-width: 1px; 
} 

.black_white { 
    color: white; 
    -webkit-text-stroke-color: black; 
} 

.white_black { 
    color: black; 
    -webkit-text-stroke-color: white; 
} 

JS

,
setInterval(function() { 
    $("#container").toggleClass("black_white"); 
    $("#container").toggleClass("white_black"); 
}, 500); 
+0

내 사이트에 이미 jQuery와 CSS가 있습니다. 새 사이트를 만들거나 추가합니까? – wavey

+0

그냥 이것을 추가하십시오. 이미 jQuery가 있으면이 스크립트가 작동합니다. –

+0

내 파일 3 개 모두의 하단에 추가되었으며 텍스트는 검정색입니다. – wavey

관련 문제