javascript实现控制文字大中小显示


Posted in Javascript onApril 28, 2015

部分网站内容页通常会看到有控制文字分别以 大,中,小 三种方式显示,下面就把这个小功能做一下记录,对提高网站用户体验度还是有一些帮助的哦!

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>js控制文字大中小显示</title> 
</head> 
<body> 
<script language="javascript"> 
function setFontSize(objID,size){ 
  document.getElementById(objID).style.fontSize=size+'px'; 
} 
</script> 
<div id="content"> 
<p>数据库(主要是MySQL和Access数据库),javascript,jquery,div+css,html,windows系统,linux系统以及健康养生方面的学习笔记和生活经验积累!</p> 
</div> 
<a onclick="setFontSize('content',20)">大</a> 
<a onclick="setFontSize('content',14)">中</a> 
<a onclick="setFontSize('content',12)">小</a> 
</body> 
</html>

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
兼容Mozilla必须知道的知识。
Jan 09 Javascript
Display SQL Server Version Information
Jun 21 Javascript
JavaScript/Js脚本处理html元素的自定义属性解析(亲测兼容Firefox与IE)
Nov 25 Javascript
删除javascript中注释语句的正则表达式
Jun 11 Javascript
jQuery的几个我们必须了解的特点
May 03 Javascript
js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法
Aug 25 Javascript
js中通过getElementsByName访问name集合对象的方法
Oct 31 Javascript
JS中如何实现复选框全选功能
Dec 19 Javascript
JS正则匹配中文的方法示例
Jan 06 Javascript
JS获取本周周一,周末及获取任意时间的周一周末功能示例
Feb 09 Javascript
Angular整合zTree的示例代码
Jan 24 Javascript
layui使用templet格式化表格数据的方法
Sep 16 Javascript
Jquery中$.post和$.ajax的用法小结
Apr 28 #Javascript
轻量级的原生js日历插件calendar.js使用指南
Apr 28 #Javascript
javascript中Function类型详解
Apr 28 #Javascript
浅谈Jquery为元素绑定事件
Apr 27 #Javascript
javascript实现实时输出当前的时间
Apr 27 #Javascript
javascript模拟php函数in_array
Apr 27 #Javascript
js实现刷新iframe的方法汇总
Apr 27 #Javascript
You might like
SONY ICF-SW55的电路分析
2021/03/02 无线电
PHP 字符串操作入门教程
2006/12/06 PHP
利用php做服务器和web前端的界面进行交互
2016/10/31 PHP
解决Yii2邮件发送结果返回成功,但接收不到邮件的问题
2017/05/23 PHP
拖动一个HTML元素
2006/12/22 Javascript
修改jQuery.Autocomplete插件 支持中文输入法 避免TAB、ENTER键失效、导致表单提交
2009/10/11 Javascript
JQuery FlexiGrid的asp.net完美解决方案 dotNetFlexGrid-.Net原生的异步表格控件
2010/09/12 Javascript
Javascript中浮点数相乘的一个解决方法
2014/06/03 Javascript
用js读、写、删除Cookie代码分享及详细注释说明
2014/06/05 Javascript
基于Bootstrap+jQuery.validate实现Form表单验证
2014/12/16 Javascript
JavaScript内存管理介绍
2015/03/13 Javascript
JavaScript动态提示输入框输入字数的方法
2015/07/27 Javascript
使用jQuery调用XML实现无刷新即时聊天
2016/08/07 Javascript
js 用于检测类数组对象的函数方法
2017/05/02 Javascript
jQuery用户头像裁剪插件cropbox.js使用详解
2017/06/07 jQuery
微信小程序时间轴实现方法示例
2019/01/14 Javascript
countUp.js实现数字动态变化效果
2019/10/17 Javascript
在vue中阻止浏览器后退的实例
2019/11/06 Javascript
Servlet返回的数据js解析2种方法
2019/12/12 Javascript
JQuery获得内容和属性方法解析
2020/05/30 jQuery
[06:16]《DAC最前线》之地区预选赛全面回顾
2015/01/19 DOTA
python使用paramiko模块实现ssh远程登陆上传文件并执行
2014/01/27 Python
Python编程实现微信企业号文本消息推送功能示例
2017/08/21 Python
Python虚拟环境项目实例
2017/11/20 Python
python得到一个excel的全部sheet标签值方法
2018/12/10 Python
Django实现基于类的分页功能
2019/10/31 Python
Python实现剪刀石头布小游戏(与电脑对战)
2019/12/31 Python
python使用列表的最佳方案
2020/08/12 Python
python爬虫用request库处理cookie的实例讲解
2021/02/20 Python
一款纯css3实现的响应式导航
2014/10/31 HTML / CSS
英国第一的购买便宜玩具和游戏的在线购物网站:Bargain Max
2018/01/24 全球购物
咖啡馆创业计划书
2014/01/26 职场文书
房屋出售协议书
2014/04/10 职场文书
2014党支部对照检查材料思想汇报
2014/10/05 职场文书
2015年大学迎新晚会总结
2015/07/16 职场文书
基于Python实现将列表数据生成折线图
2022/03/23 Python