胡神

导航

jQuery 操作css

<!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=gb2312" />
<title>无标题文档</title>
</head>
<script language="javascript" src="jquery-1.5.2.min.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
 $('#test1 .button').click(function(){        
 
        var $speech=$('#test1');
     var currentSize=$speech.css('fontSize');
  var num=parseFloat(currentSize,10);
  var unitt=currentSize.slice(-2);
  if(this.id=='narrow')
  {
   num/=1.4;
  }
  else if(this.id=='large')
  {
   num*=1.4;
  }
  $speech.css('fontSize',num+unitt);
  
 });

});
</script>
<body>
 <div  id="test1" class="chapter">
  <h3>事件绑定</h3>
  <div  class="button selected" id="normal">normal</div>
  <div  class="button" id="narrow">narrow</div>
  <div  class="button" id="large">large</div>
 </div>
</body>
</html>

posted on 2011-04-16 16:13  胡神  阅读(113)  评论(0)    收藏  举报