JAVA实现字体扩大代码_[Java教程]jQuery实现设置字体大小代码实例

[Java教程]jQuery实现设置字体大小代码实例

0 2016-01-19 00:00:12

jQuery实现设置字体大小代码实例:

设置网页中字体的大小是常见的操作，下面就通过代码实例介绍一下如何实现此功能。

代码如下:

蚂蚁部落

放大缩小

蚂蚁部落

以上代码实现了我们的要求，可以实现文本内容的放大和缩小效果，下面介绍一下它的实现过程。

一.代码注释:

1.$(function(){})，当文本结构完全加载完毕之后再去执行函数中的代码。

2.$("span").click(function(){})，为span元素注册click事件处理函数。

3.var thisEle=$("#para").css("font-size")，获取id属性值为para元素下文本字体的大小。

4.var textFontSize=parseFloat(thisEle,10)，将字体大小转换成数值类型。

5.var unit=thisEle.slice(-2)，截取字符串，也就是截取最后两位，也就是单位(px)。

6.var cName=$(this).attr("class")，获取当前点击span元素的class属性值。

7.if(cName=="bigger"){textFontSize+= 2;}，如果点击是放大按钮就将字体放大。

8.$("#para").css("font-size", textFontSize+unit)，设置字体大小。

二.相关阅读:

1.click事件可以参阅jQuery的click事件一章节。

2.css()函数可以参阅jQuery的css()方法一章节。

3.parseFloat()函数可以参阅javascript的parseFloat()方法一章节。

4.slice()函数可以参阅javascript的String对象的slice()方法一章节。

5.attr()函数可以参阅jQuery的attr()方法一章节。

JAVA实现字体扩大代码_[Java教程]jQuery实现设置字体大小代码实例相关推荐

java 三级菜单栏的添加_[Java教程]jquery实现的三级导航菜单实例代码
[Java教程]jquery实现的三级导航菜单实例代码 0 2016-01-02 15:00:02 jquery实现的三级导航菜单实例代码: 使用最多的可能是二级导航菜单,所以网上的代码一大堆,三级菜 ...
java手风琴代码_[Java教程]18款jquery抽屉式手风琴导航特效代码
[Java教程]18款jquery抽屉式手风琴导航特效代码 0 2015-11-12 21:00:05 jquery hover抽屉式导航图片展开收缩代码 jQuery仿瑞丽鼠标滑过图片手风琴展开特效 ...
java怎么往右浮动_[Java教程]jQuery实现页面滚动时智能浮动定位
[Java教程]jQuery实现页面滚动时智能浮动定位 0 2016-08-04 18:00:08 jQuery实现页面滚动时层智能浮动定位_前端开发 * { margin: 0; padding: ...
java犯的小错误_[Java教程]十个JavaScript中易犯的小错误，你中了几枪？
[Java教程]十个JavaScript中易犯的小错误,你中了几枪? 0 2015-06-01 12:00:19 序言在今天,JavaScript已经成为了网页编辑的核心.尤其是过去的几年,互联网见 ...
java怎么指定父窗口大小_[Java教程]jQuery如何获取div距离窗口顶部或者父元素顶部的距离...
[Java教程]jQuery如何获取div距离窗口顶部或者父元素顶部的距离 0 2016-01-03 11:00:19 jQuery如何获取div距离窗口顶部或者父元素顶部的距离: 在实际应用或许会需 ...
java提示框easyui风格_[Java教程]jQuery EasyUI 提示框(Messager)用法
[Java教程]jQuery EasyUI 提示框(Messager)用法 0 2013-10-10 19:00:06 jQuery EasyUI 提示框(Messager)不仅强大,而且也不用任何的 ...
java下拉框查询_[Java教程]jQuery实现联动下拉列表查询框
[Java教程]jQuery实现联动下拉列表查询框 0 2015-12-07 18:00:04 厂商:请选择品牌:请选择型号:请选择效果如下: 本文网址:http://www.shaoqun.c ...
java 微信群发多图文_[Java教程]httpClient实现微信公众号消息群发
[Java教程]httpClient实现微信公众号消息群发 0 2016-09-21 20:00:10 1.实现功能向关注了微信公众号的微信用户群发消息.(可以是所有的用户,也可以是提供了微信ope ...
java弹窗点击事件_[Java教程]jQuery的click事件在当前页弹出层窗口（不打开新页面）...
[Java教程]jQuery的click事件在当前页弹出层窗口(不打开新页面) 0 2015-10-24 15:00:04 当给链接添加一个click事件,我们可能不希望Web浏览器按照其常规模式退出 ...
java实现团购功能_[Java教程]jquery组件团购倒计时功能
[Java教程]jquery组件团购倒计时功能 0 2014-05-12 12:00:04 本文网址:http://www.shaoqun.com/a/90954.html *特别声明:以上内容来自于 ...

JAVA实现字体扩大代码_[Java教程]jQuery实现设置字体大小代码实例

JAVA实现字体扩大代码_[Java教程]jQuery实现设置字体大小代码实例相关推荐

最新文章

热门文章