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 相关文章推荐
js对象的构造和继承实现代码
Dec 05 Javascript
Jquery刷新页面背景图片随机变换的实现方法
Mar 15 Javascript
jQuery bt气泡实现悬停显示及移开隐藏功能的方法
Jul 12 Javascript
详解node中创建服务进程
May 09 Javascript
javascript 中select框触发事件过程的分析
Aug 01 Javascript
微信小程序实现图片懒加载的示例代码
Dec 13 Javascript
vue获取当前激活路由的方法
Mar 17 Javascript
react同构实践之实现自己的同构模板
Mar 13 Javascript
微信小程序实现判断是分享到群还是个人功能示例
May 03 Javascript
解决 viewer.js 动态更新图片导致无法预览的问题
May 14 Javascript
JS 设计模式之:工厂模式定义与实现方法浅析
May 06 Javascript
Vue中避免滥用this去读取data中数据
Mar 02 Vue.js
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
php生成rss类用法实例
2015/04/14 PHP
php实现等比例不失真缩放上传图片的方法
2016/11/14 PHP
解决form中action属性后面?传递参数 获取不到的问题
2017/07/21 PHP
jQuery源码中的chunker 正则过滤符分析
2012/07/31 Javascript
javascript-简单的日历实现及Date对象语法介绍(附图)
2013/05/30 Javascript
jquery实现输入框动态增减的实例代码
2013/07/14 Javascript
javascript alert乱码的解决方法
2013/11/05 Javascript
window.location.reload 刷新使用分析(去对话框)
2015/11/11 Javascript
AngularJs Understanding the Model Component
2016/09/02 Javascript
微信小程序教程系列之新建页面(4)
2017/04/17 Javascript
vue router自动判断左右翻页转场动画效果
2017/10/10 Javascript
vue2.0 datepicker使用方法
2018/02/04 Javascript
在Koa.js中实现文件上传的接口功能
2019/10/08 Javascript
JS控制只能输入数字并且最多允许小数点两位
2019/11/24 Javascript
JavaScript WeakMap使用详解
2021/02/05 Javascript
javascript中layim之查找好友查找群组
2021/02/06 Javascript
python使用内存zipfile对象在内存中打包文件示例
2014/04/30 Python
python多线程操作实例
2014/11/21 Python
Python格式化css文件的方法
2015/03/10 Python
python验证码识别的实例详解
2016/09/09 Python
Python cookbook(数据结构与算法)根据字段将记录分组操作示例
2018/03/19 Python
在pycharm中python切换解释器失败的解决方法
2018/10/29 Python
Python 从subprocess运行的子进程中实时获取输出的例子
2019/08/14 Python
基于numpy中的expand_dims函数用法
2019/12/18 Python
django项目中新增app的2种实现方法
2020/04/01 Python
在keras中model.fit_generator()和model.fit()的区别说明
2020/06/17 Python
python能做哪些生活有趣的事情
2020/09/09 Python
python实现简单的学生管理系统
2021/02/22 Python
纯CSS3实现漂亮的input输入框动画样式库(Text input love)
2018/12/29 HTML / CSS
ORACLE第二个十问
2013/12/14 面试题
介绍一下MD5加密算法
2016/11/12 面试题
学雷锋活动总结报告
2014/06/26 职场文书
2014年客房部工作总结
2014/11/22 职场文书
骨干教师考核评语
2014/12/31 职场文书
农业项目合作意向书
2015/05/08 职场文书
《辉夜大小姐想让我告白》第三季正式预告
2022/03/20 日漫