欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery之字體大小的設(shè)置方法

 更新時(shí)間:2014年02月27日 10:12:42   作者:  
本篇文章主要是對(duì)jQuery 字體大小的設(shè)置方法進(jìn)行了介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助

先獲取字體大小,進(jìn)行處理。

再將修改的值保存。

slice() 方法可從已有的數(shù)組中返回選定的元素。
arrayObject.slice(start,end)。
start 必需。規(guī)定從何處開始選取。如果是負(fù)數(shù),那么它規(guī)定從數(shù)組尾部開始算起的位置。也就是說,-1 指最后一個(gè)元素,-2 指倒數(shù)第二個(gè)元素,以此類推。

end   可選。規(guī)定從何處結(jié)束選取。該參數(shù)是數(shù)組片斷結(jié)束處的數(shù)組下標(biāo)。如果沒有指定該參數(shù),那么切分的數(shù)組包含從 start 到數(shù)組結(jié)束的所有元素。如果這個(gè)參數(shù)是負(fù)數(shù),那么它規(guī)定的是從數(shù)組尾部開始算起的元素。

jQuery代碼如下:

復(fù)制代碼 代碼如下:

<script type="text/javascript">
    $(function(){
        $("span").click(function(){
            //獲取para的字體大小
            var thisEle = $("#para").css("font-size");
            //parseFloat的第二個(gè)參數(shù)表示轉(zhuǎn)化的進(jìn)制,10就表示轉(zhuǎn)為10進(jìn)制
            var textFontSize = parseFloat(thisEle , 10);
            //javascript自帶方法
            var unit = thisEle.slice(-2); //獲取單位
            var cName = $(this).attr("class");
            if(cName == "bigger"){
                    textFontSize += 2;
            }else if(cName == "smaller"){
                    textFontSize -= 2;
            }
            //設(shè)置para的字體大小
            $("#para").css("font-size",  textFontSize + unit );
        });
    });
  </script>

html代碼如下:
復(fù)制代碼 代碼如下:

<body>

<div class="msg">
    <div class="msg_caption">
        <span class="bigger" >放大</span>
        <span class="smaller" >縮小</span>
    </div>
    <div>
        <p id="para" >
        This is some text. This is some text. This is some text. This is some text. This
        is some text. This is some text. This is some text. This is some text. This is some
        text. This is some text. This is some text. This is some text. This is some text.
        This is some text. This is some text. This is some text. This is some text. This
        is some text. This is some text.
        </p>
    </div>
</div>

</body>

相關(guān)文章

最新評(píng)論