開発環境
- OS X Lion - Apple(OS)
- Safari、Firefox + Firebug (Webプラウザ、プラグイン)
- BBEdit - Bare Bones Software, Inc., Emacs(Text Editor)
- プログラミング言語:JavaScript
- JavaScript Library: jQuery
『初めてのJavaScript 第2版』(シェリー・パワーズ著(Shelley Powers著)、武舎 広幸+武舎 るみ訳、オライリー・ジャパン、2009年、ISBN978-4-87311-425-5) の6章(トラブルへの対処、デバッグ、異種ブラウザ間の問題)練習問第6-2.を解いてみる。
その他参考書籍
2.
コード(BBEdit)
HTML
<label>色: <input id="t0" type="text" value="red" size="5" /></label> <label>水平方向(px単位): <input id="t1" type="text" value="2" size="4" /></label> <label>垂直方向(px単位): <input id="t2" type="text" value="2" size="4" /></label> <label>ぼかし半径(px単位): <input id="t3" type="text" value="2" size="4" /></label>
JavaScript
var f = function ( ) { var color = $('#t0').val(), x = $('#t1').val() + "px", y = $('#t2').val() + "px", r = $('#t3').val() + "px", result = [color, x, y, r].join(" "); $('#d0').css('text-shadow', result); }; $('#t0,#t1,#t2,#t3').keyup(function() { f(); });
0 コメント:
コメントを投稿