您的位置：首页 > Web前端 > JQuery

jquery 改变字体的大小

2013-01-01 14:29 169 查看

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

<style type="text/css">

.even{

background:#CCC

}

.odd{

background:#999

}

.selected{

background:red

}

</style>

<script src="../js/jquery-1.8.3.js" type="text/javascript"></script>

<script type="text/javascript">

$(function(){

$("span").click(function(){

var thisEle=$("#para").css("font-size");

var textFontSize=parseFloat(thisEle,10);

var unit=thisEle.slice(-2);

var cName=$(this).attr("class");

if(cName=="bigger"){

textFontSize+=2;

}else if(cName="smaller"){

textFontSize-=2;

}

$("#para").css("font-size",textFontSize);

})

})

</script>

<body>

<div class="msg">

<div class="msg_caption">

<span class="bigger">放大</span>

<span class="smaller">缩小</span>

</div>

<div>

<p id="para">

政治局部署新年反腐：要出实招动真格

[指出个别高级干部严重违纪违法称少数党员奢侈浪费严重]

[考察贫困县住宿房间仅16平米为村民带去油面等慰问品组图]

李克强调研特困区：脱贫成全面小康难点

[车队路遇红灯停车等候][李克强询问村民"恼火"事]

一批法规今起施行民政部门无权强制平坟

[火车票价相应下调肉刑逼供属非法证据一代***今起停用]

25省份不同程度公布异地高考方案

[北上广方案遭质疑流动人口越多条件门槛就越高专题]

郑州房妹及父母有两套户口其父因亲友牟利被免职

全球各地燃放烟花迎新年人民日报:一起成就梦想

[新京报：敬畏理想相信未来齐鲁晚报:变革就在你我之间]

[北青:我们的心愿华西都市报:2013 把阳光和理想装进行囊]

广西柳州规划局长遇害案嫌犯被诉案情披露

孟建柱:改进警卫工作形式减少对民众生活影响

财政部:严禁地方政府吸收公众资金违规集资

山西称致8死5伤隧道爆炸事故系严重瞒报

外交部回应我国公民非法向伊朗售导弹零件报道

公安部:拘留所不得侮辱体罚虐待被拘

</p>

</div>

</div>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航