2016-08-02 17 views

答えて

1

適切なスタイルで2つの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

関連する問題