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 相关文章推荐
javaScript 动态访问JSon元素示例代码
Aug 30 Javascript
JavaScript Split()方法
Dec 18 Javascript
复杂的javascript窗口分帧解析
Feb 19 Javascript
利用jQuery设计一个简单的web音乐播放器的实例分享
Mar 08 Javascript
jQuery限制图片大小的方法
May 25 Javascript
js自调用匿名函数的三种写法(推荐)
Aug 19 Javascript
在vue中实现简单页面逆传值的方法
Nov 27 Javascript
微信小程序如何像vue一样在动态绑定类名
Apr 17 Javascript
JS集合set类的实现与使用方法示例
Feb 01 Javascript
微信小程序中显示倒计时代码实例
May 09 Javascript
改变layer confirm弹窗按钮的颜色方法
Sep 12 Javascript
Angular8引入百度Echarts进行图表分析的实现代码
Nov 27 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
索尼ICF-SW100收音机评测
2021/03/02 无线电
二十行语句实现从Excel到mysql的转化
2006/10/09 PHP
回答PHPCHINA上的几个问题:URL映射
2007/02/14 PHP
php实现mysql事务处理的方法
2014/12/25 PHP
yii2.0实现验证用户名与邮箱功能
2015/12/22 PHP
Yii框架弹出框功能示例
2017/01/07 PHP
Jquery常用技巧收集整理篇
2010/11/14 Javascript
jQuery UI 实现email输入提示实例
2013/08/15 Javascript
javascript中的self和this用法小结
2014/02/08 Javascript
js实现数组转换成json
2015/06/26 Javascript
javascript实现页面刷新时自动清空表单并选中的方法
2015/07/18 Javascript
js获取Html元素的实际宽度高度的方法
2016/05/19 Javascript
AngularJS过滤器filter用法实例分析
2016/11/04 Javascript
微信页面倒计时代码(解决safari不兼容date的问题)
2016/12/13 Javascript
微信小程序 scroll-view隐藏滚动条详解
2017/01/16 Javascript
JavaScript设计模式之缓存代理模式原理与简单用法示例
2018/08/07 Javascript
浅析微信扫码登录原理(小结)
2018/10/29 Javascript
微信小程序扫描二维码获取信息实例详解
2019/05/07 Javascript
在vue中高德地图引入和轨迹的绘制的实现
2019/10/11 Javascript
这样回答继承可能面试官更满意
2019/12/10 Javascript
Element图表初始大小及窗口自适应实现
2020/07/10 Javascript
Vue项目中使用mock.js的完整步骤
2021/01/12 Vue.js
Python脚本判断 Linux 是否运行在虚拟机上
2015/04/25 Python
初步讲解Python中的元组概念
2015/05/21 Python
Python使用pyodbc访问数据库操作方法详解
2018/07/05 Python
Windows10下Tensorflow2.0 安装及环境配置教程(图文)
2019/11/21 Python
如何使用Python发送HTML格式的邮件
2020/02/11 Python
检测浏览器是否支持html5视频的代码
2013/03/28 HTML / CSS
美国一家全面的在线零售鞋类公司:SHOEBACCA
2017/01/06 全球购物
实习单位推荐信范文
2013/11/27 职场文书
研修心得体会
2014/09/04 职场文书
2015年领班工作总结
2015/04/29 职场文书
教师节获奖感言
2015/07/31 职场文书
《自己的花是让别人看的》教学反思
2016/02/19 职场文书
八年级作文之感悟亲情
2019/11/20 职场文书
基于Golang 高并发问题的解决方案
2021/05/08 Golang