六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 75|回复: 0

jQuery应用之改变网页字体大小

[复制链接]

升级  56%

8

主题

8

主题

8

主题

童生

Rank: 1

积分
28
 楼主| 发表于 2013-1-24 07:02:31 | 显示全部楼层 |阅读模式
这里介绍一个改变网页字体大小的例子。
  "fontSize" : function(){    //为点击的元素添加click事件    $("span").click(function(){      //取得原网页字体大小      var sizeT = $("#_text").css("font-size");      //除去字体大小的单位,取得单位以外的十进制数      var sizePre = parseFloat(sizeT,10);      //取得字体大小的单位(px)      var sizeAft = sizeT.slice(-2);      //按放大则字体大2,按缩小则字体小2      if($(this).attr("class") == "bigger"){        sizePre += 2;      } else if($(this).attr("class") == "smaller"){        sizePre -= 2;      }      //重新设置网页字体大小,数字+单位      $("#_text").css("font-size",sizePre + sizeAft);    });  }
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表