1文字づつ装飾したい　css

http://allabout.co.jp/gm/gc/437937/
http://guide.withabout.net/guide/gp332/437937/sample.html

いつもわかりやすい西村さんの説明
1文字づつ色変えたり大きさ変えたり、htmlを汚したくない時に使う

説明文よみながら当てはめていったが、jqueryが動作しなかった
しょうがないのでsampleページをそのまま本環境に貼り付けたところ動いた
どうも1文字づつspanにするscriptが、該当テキストより先にあると動かない
</body>の上に設置した