jQuery テキストをタイピング風に一文字ずつ表示したり文字ごとに色を変える方法。文字列を一文字ごとにspanで囲む どうもこんにちは。Toshikuraです。今回のTipsは【jQuery テキストをタイピング風に一文字ずつ表示したり文字ごとに色を変える方法。文字列を一文字ごとにspanで囲む】です。タイピング風に一文字ずつ表示したり…文字ごとに色を変えたりといった動作はまれに使いたくなるのでメモしておきます。 文字列を一文字ずつ<span>で囲む 基本概念は至ってシンプルです。一文字ごとに<span>で挟んでいき、全て透過0%に設定。その後最初の<span>からだんだんとフェードアニメーションを掛けていきます。 共通HTML <p class="tgt">abcdefgh…..</p> CSS .tgt {opacity: 0;} .tgt span{opacity: 0;} JS(