jQuery animate-textshadow でテキストシャドウにanimate効果

タイトル文字にテキストシャドウで効果を付けるスクリプト。オンマウスで効果が発動。
「Text button」のみクリック。※IE非対応です。

subtle:Shadowを右下へ移動

$("#subtle").hover(function() { 
		  $(this).animate({textShadow: "#aaa 6px 6px 6px"});
		}, function() { 
		  $(this).animate({textShadow: "#ccc 3px 3px 3px"});
		});

Glow:テキスト周りに光彩

$("#glow").hover(function() { 
		  $(this).animate({textShadow: "#f00 0 0 15px"});
		}, function() { 
		  $(this).animate({textShadow: "#f00 0 0 0"});
		});

Slow:Shadowが右下から左上へ移動

$("#slow").hover(function() { 
		  $(this).animate({textShadow: "#000 -10px -10px 30px"}, 1000);
		}, function() { 
		  $(this).animate({textShadow: "#259 5px 5px 5px"}, 1000);
		});

Blurry:アウトフォーカス状態から明瞭に

Text's color set to transparent

$("#blurry").hover(function() { 
		  $(this).animate({textShadow: "#aaa 0 0 0"});
		}, function() { 
		  $(this).animate({textShadow: "#aaa 0 0 10px"});
		});

Text button:クリックでボタンのような動き

$("#button").mousedown(function() { 
		  $(this).animate({top: "3px", left: "3px", textShadow: "#141 2px 2px 0"}, 100); 
		}).mouseup(function() { 
		  $(this).animate({top: 0, left: 0, textShadow: "#141 5px 5px 0"}, 100); 
		});