一、知识点

 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>>