JQueryは最フォントの拡大縮小を実現

1764 ワード

ページにはフォントの拡大縮小が必要になることが多いので、次のJQueryコードの実装を見てみましょう.
htmlページコードにこのようなコードがある場合:

ラララララララララララララララララララララララララララララララララララララララララララララララララララララララララララララララララ
ではJQueryの実現は次のようになります

$(document).ready(function () {
    var fontSize = $("p").css("font-size");
    //        
    var fontSizeNumber = parseFloat(fontSize , 10);
   //    
    var unit = size.slice(-2);
    //    ,bigFontSize   id
    $("#bigFontSize").click(function () {
        fontSizeNumber += 2;
        $("p").css("font-size", fontSizeNumber + unit);
    });
    //    ,smallFontSize   id
    $("#smallFontSize").click(function () {
        fontSizeNumber -= 2;
        $("p").css("font-size", fontSizeNumber + unit);
    });
});