jQuery 调整字体大小详解（firefox）

moon_vv

浏览: 80411 次
性别:
来自: 北京

最近访客更多访客>>

lnbzm

xuweihuang623

梓明Easter

yoursjzz

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JQuery

jQuery Firefox CSS JavaScript XHTML

<!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>JQuery css函数测试</title>

$(document).ready(function(){

$('div .button' ).click(function(){ //注意之间有空格代表div 下有class为button的

var $duanluo=$('div.speech' ); //jQuery 变量存储段落信息 div.speech注意之间没有空格当然.speech也行

      var ziti=$duanluo.css('fontSize');                       //字体信息大小如：8px

      //alert(ziti);测试结果ziti是 8 px

      var ztdx=parseFloat(ziti,10) ;       //取以字母开头的字符串为     10   （第二个参数）进制数字

   //alert(ztdx);

      var unit= ziti.slice(-2);               //取字体信息的单位如：8px 中的px slice取字符串从倒数第二个开始取


      if (this.id=='switcher-large'){ztdx *= 1.4;}
      else if (this.id=='switcher-small'){ztdx/= 1.4;}

$duanluo.css('fontSize', ztdx + unit); //段落的css应用处理后的字体大小
});
});
</script>

</head>
<body>
<center><h1>JQuery css函数测试</h1></center>

   <spent class"label"> Stryle Switcher:</spent><br>                 //spent默认在同一行上所以用 <br>
   <spent class ="button" id ="switcher-large" > + 加大 + </spent><br> //用<div也行>
   <spent class ="button" id ="switcher-small" > - 减小 - </spent>

</div>

<div class ="speech" >
<p>
<b>jQuery是一个了不起的javascript库，它可以是我们用很少的几句代码就可以创建出漂亮的页面效果。</b>
</p>
</div>

</body>
</html>

JQtt.rar (29.4 KB)
描述: 源代码！没啥好说的（@ _ @）
下载次数: 49

4
顶

1
踩

分享到：

XMLBean应用 | FusionCharts v3 PowerCharts

2008-07-14 18:30
浏览 4099
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论