2013年3月30日土曜日

開発環境

『初めての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 コメント:

コメントを投稿