Description:

文字が伸び縮みします。
CSSのletter-spacing属性を変更しているだけなのですが。

Demo:

Dynamic HTML
↓触れると伸び縮みを開始します。↓

Source:

Advice:

(*1) initLetterSpacingAnim(ID, タイマー, ステップ, 最小幅, 最大幅);
IDにはアニメーションを行いたいタグのIDを。 タイマーはアニメーションの速度です。ステップはletter-spacingの変化の割合です。 最小幅と最大幅は、letter-spacingの最小幅と最大幅です。 letter-spacingは、最小幅〜最大幅の値を取りつづけます。
(例) initLetterSpacingAnim("text1", 100, 1, -10, 20);

Arrangement:

[文字に触れると伸び縮みを始め、離れると止める方法。]
その文字を囲んでいるタグの中に、onMouseover と onMouseout を以下の様に記述します。
<div align="center" id="animtext2"
     onmouseover="initLetterSpacingAnim(this.id, 50, 1, 0, 15);"
     onmouseout="stopLetterSpacingAnim(this.id);">
↓触れると伸び縮みを開始します。↓
</div>

Browser:

Internet Explorer4.0以上
Netscape Navigator4.0以上