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 相关文章推荐
异步加载script的代码
Jan 12 Javascript
基于jQuery的图片左右无缝滚动插件
May 23 Javascript
如何在一个页面显示多个百度地图
Apr 07 Javascript
JavaScript实现俄罗斯方块游戏过程分析及源码分享
Mar 23 Javascript
jQuery插件datepicker 日期连续选择
Jun 12 Javascript
javascript针对cookie的基本操作实例详解
Nov 30 Javascript
JS点击某个图标或按钮弹出文件选择框的实现代码
Sep 27 Javascript
js通过keyCode值判断单击键盘上某个键,然后触发指定的事件方法
Feb 19 Javascript
bootstrap3-dialog-master模态框使用详解
Aug 22 Javascript
jQuery easyui datagird编辑行删除行功能的实现代码
Sep 20 jQuery
Angular2 自定义表单验证器的实现方法
Dec 14 Javascript
layer.open回调获取弹出层参数的实现方法
Sep 10 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
php购物车实现代码
2011/10/10 PHP
基于jquery的划词搜索实现(备忘)
2010/09/14 Javascript
js 判断一个元素是否在页面中存在
2012/12/27 Javascript
解析ScrollPic在ie8下只滚动一遍,然后变为空白 ie6,ie7,chrome,firefox正常
2013/06/26 Javascript
window.showModalDialog()返回值的学习心得总结
2014/01/07 Javascript
javascript的tab切换原理与效果实现方法
2015/01/10 Javascript
基于js实现微信发送好友如何分享到朋友圈、微博
2015/11/30 Javascript
AngularJS模块学习之Anchor Scroll
2016/01/19 Javascript
AngularJS使用ng-Cloak阻止初始化闪烁问题的方法
2016/11/03 Javascript
Vue数组更新及过滤排序功能
2017/08/10 Javascript
Vue keep-alive实践总结(推荐)
2017/08/31 Javascript
Vue组件之全局组件与局部组件的使用详解
2017/10/09 Javascript
详解nuxt路由鉴权(express模板)
2018/11/21 Javascript
React 实现车牌键盘的示例代码
2019/12/20 Javascript
js禁止查看源文件屏蔽Ctrl+u/s、F12、右键等兼容IE火狐chrome
2020/10/01 Javascript
python网络编程学习笔记(七):HTML和XHTML解析(HTMLParser、BeautifulSoup)
2014/06/09 Python
python批量爬取下载抖音视频
2019/06/17 Python
python 使用装饰器并记录log的示例代码
2019/07/12 Python
代码总结Python2 和 Python3 字符串的区别
2020/01/28 Python
联想法国官方网站:Lenovo法国
2018/10/18 全球购物
世界上最大的皮肤科医生拥有和经营的美容网站:LovelySkin
2021/01/03 全球购物
Nobody Denim官网:购买高级女士牛仔裤
2021/03/15 全球购物
介绍Ibatis的核心类
2013/11/18 面试题
运动会表扬稿大全
2014/01/16 职场文书
信用卡逾期证明示例
2014/09/13 职场文书
2014教师教育实践活动对照检查材料思想汇报
2014/09/21 职场文书
预备党员群众路线思想汇报2014
2014/10/25 职场文书
优秀班主任主要事迹材料
2014/12/16 职场文书
高三英语复习计划
2015/01/19 职场文书
2015年秋季学校开学标语
2015/07/16 职场文书
2016年大学生社区服务活动总结
2016/04/06 职场文书
表扬稿表扬信的格式及范文
2019/06/24 职场文书
关于感恩的作文
2019/08/26 职场文书
Python爬虫基础之爬虫的分类知识总结
2021/05/13 Python
将MySQL的表数据全量导入clichhouse库中
2022/03/21 MySQL
vue实现书本翻页动画效果实例详解
2022/04/08 Vue.js