学习jQuey一路走来
一、知识点
parseFloat()函数只取得字体大小中的数值部分。字符串以非数字开头，那么parseFloat()就会返回NaN
二、实际小作品
点击不同的按钮让字体又不一样的变大变小。
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html" charset="utf-8"/>
<meta http-equiv="expires" content="sat,11 dec 2004 11 25 59 GMT"/>
<meta name="descriptipon" content="font loook change " />
<meta author="ping,YinShang" content="She is a collage's student" />
<title>字体大小改变</title>
<link rel="stylesheet" href="stylepage.css" type="text/css" />
<script type="text/javascript" src="jquery-1.11.1.js"></script>
<script>
$(document).ready(function() {
var $speech=$('div.speech');
var defaultsize=$speech.css('fontSize')
$('#switcher button').click(function() {
var num=parseFloat($speech.css('fontSize'));
switch(this.id)
{
case 'switcher-large':
num*=1.4;
break;
case 'switcher-small':
num/=1.4;
break;
default:
num=parseFloat(defaultsize);
}
$speech.css('fontSize',num + 'px');
});
});
</script>
</head>
<body>
<h2>Abraham Lincoln's Gettysburg Address</h2>
<div id="switcher">
<div class="lable">Text Size</div>
<button id="switcher-default">Default</button>
<button id="switcher-large">Bigger</button>
<button id="switcher-small">Smaller</button>
</div>
<div class="speech">
<p>庄奴，原名王景羲，与大陆的乔羽、香港的黄沾并称词坛三杰。 1922年出生于北京，1949年到台湾后，当过记者、编辑，演过话剧，但以音乐创作彰显盛名，尤以流行歌曲最为人津津乐道。庄奴写词五十载，作品超过 .</p> <p>内容简介：美人鱼为了能和自己所爱的陆地上的王子在一起，用自己美妙的嗓音和生命的三百年换来了巫婆的药酒，于是，她有了一双美丽的脚，每走一步就像走在碎玻璃上一样疼痛。可是只要王子对她微笑，她就忘记了脚上的疼痛，眼看着王子和别人结婚，她宁可牺牲自己的生命，也要为王子祝福。小人鱼的行为让我们见证了什么才是真正的爱情、什么是纯洁的爱情、什么是美丽的爱情。是愿为爱情献出生命的典范。</p>
<a href="#" class="more">读更多</a>
<p>内容简介：这是一场善与恶的斗争，艾丽莎是个柔弱的女子，但她却战胜了比她强大得多、有权有势的王后和主教，救出了被王后的魔法变成天鹅的11位哥哥。她可以成功靠的是她的勇气、决心和毅力。面对荨麻的刺痛和一年不能说话的痛苦，这需要多大的勇气去面对啊。面对主教对她的诬陷和把她烧死的惩罚，她也没有放弃，终于完成了她的工作。只要有勇气和毅力，一定能成为最后的胜利者。并且也找到了她的幸福归宿 。</p>
<p>内容简介：小云杉享受着温暖的阳光和新鲜的空气，可是它对这些美好的事物视而不见。它总是埋怨自己长得太慢，终于有一天，它被装饰一新，成了豪宅里的圣诞树，吸引着每个人的眼球。对它来说，没有比这更开心的事情了。可是没多久，云杉就被投进了火炉，变成了另外一种新的东西。这是一个所有孩子都要听的故事。每个人的生命都只有一次，应该好好珍惜眼前的一切，幸福其实就在我们身边，关键是我们有没有把握住，能否感受得到。</p> </div>
</body>
</html>>
