博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JQuery实现最字体的放大缩小
阅读量:6903 次
发布时间:2019-06-27

本文共 647 字,大约阅读时间需要 2 分钟。

网页常常有对字体放大缩小的需求,我们不妨来看一下下面这段JQuery代码的实现。

假如在html页面代码中我们有这么一段代码:

<p>啦啦啦啦啦啦啦啦啦啦</p>

那么JQuery的实现如下

$(document).ready(function () {    var fontSize = $("p").css("font-size");    //取得当前字体大小    var fontSizeNumber = parseFloat(fontSize , 10);   //取得单位    var unit = size.slice(-2);    //放大字体,bigFontSize为按钮id    $("#bigFontSize").click(function () {        fontSizeNumber += 2;        $("p").css("font-size", fontSizeNumber + unit);    });    //减小字体,smallFontSize为按钮id    $("#smallFontSize").click(function () {        fontSizeNumber -= 2;        $("p").css("font-size", fontSizeNumber + unit);    });});

 

转载于:https://www.cnblogs.com/plqaly/p/3464285.html

你可能感兴趣的文章
shell练习题
查看>>
大型网站压力测试及优化方案
查看>>
云计算的特性有这4点
查看>>
IT兄弟连 JavaWeb教程 jQuery对AJAX的支持
查看>>
Windows SqlServer 2008服务1433端口不监听问题排查
查看>>
oracle 11g rac安装之oracle database报错解决
查看>>
linux固定用户访问ip限制
查看>>
华为SSH配置
查看>>
比较好用的dns列表
查看>>
linux下mysql的root密码忘记解决方法
查看>>
多机调度问题-贪心算法
查看>>
sql_trace的使用
查看>>
我的友情链接
查看>>
WordPress 禁用自动保存、文章多个版本
查看>>
JDK环境配置
查看>>
修改Linux中的root密码
查看>>
搭建本地yum仓库
查看>>
CentOS7 源码编译安装稳定LNMP环境 支持Zabbix
查看>>
常用软件包下载网址
查看>>
Vagrant中Apache或Nginx,修改css/js等静态文件不生效的解决方案
查看>>