编程 Javascript

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>

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

- Author -

hebedich

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

运用Windows XP附带的Msicuu.exe、Msizap.exe来彻底卸载顽固程序

Apr 21 Javascript

JS中字符问题(二进制/十进制/十六进制及ASCII码之间的转换)

Nov 03 Javascript

ExtJS 设置级联菜单的默认值

Jun 13 Javascript

一行代码实现纯数据json对象的深度克隆实现思路

Jan 09 Javascript

js实现的万能flv网页播放器代码

Apr 30 Javascript

Angularjs中UI Router的使用方法

May 14 Javascript

JS中使用正则表达式g模式和非g模式的区别

Apr 01 Javascript

微信小程序返回多级页面的实现方法

Oct 27 Javascript

Node.js连接Sql Server 2008及数据层封装详解

Aug 27 Javascript

js中Array对象的常用遍历方法详解

Jan 17 Javascript

微信小程序语音同步智能识别的实现案例代码解析

May 29 Javascript

JavaScript 与 TypeScript之间的联系

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

php，不用COM，生成excel文件

2006/10/09 PHP

PHP二维数组排序简单实现方法

2016/02/14 PHP

PHP实现的操作数组类库定义与用法示例

2019/05/24 PHP

accesskey 提交

2006/06/26 Javascript

autoPlay 基于jquery的图片自动播放效果

2011/12/07 Javascript

js实现屏蔽默认快捷键调用自定义事件示例

2013/06/18 Javascript

jquery教程ajax请求json数据示例

2014/01/13 Javascript

jquery中append()与appendto()用法分析

2014/11/14 Javascript

jQuery中DOM树操作之复制元素的方法

2015/01/23 Javascript

javascript设置页面背景色及背景图片的方法

2015/12/29 Javascript

AngularJS中监视Scope变量以及外部调用Scope方法

2016/01/23 Javascript

ashx文件获取$.ajax()方法发送的数据

2016/05/26 Javascript

JS树形菜单组件Bootstrap TreeView使用方法详解

2016/12/21 Javascript

jQuery结合jQuery.cookie.js插件实现换肤功能示例

2017/10/14 jQuery

Vue的土著指令和自定义指令实例详解

2018/02/04 Javascript

Nodejs下使用gm圆形裁剪并合成图片的示例

2018/02/22 NodeJs

vue组件与复用详解

2018/04/08 Javascript

微信小程序滑动选择器的实现代码

2018/08/10 Javascript

layui 数据表格根据值(1=业务,2=机构)显示中文名称示例

2019/10/26 Javascript

VUE+elementui面包屑实现动态路由详解

2019/11/04 Javascript

package.json各个属性说明详解

2020/03/11 Javascript

Python的Django框架中的表单处理示例

2015/07/17 Python

深入学习python的yield和generator

2016/03/10 Python

Tensorflow的可视化工具Tensorboard的初步使用详解

2018/02/11 Python

python如何读取bin文件并下发串口

2019/07/05 Python

python字符串替换re.sub()方法解析

2019/09/18 Python

Python基础之字典常见操作经典实例详解

2020/02/26 Python

PyQt5+python3+pycharm开发环境配置教程

2020/03/24 Python

Django 允许局域网中的机器访问你的主机操作

2020/05/13 Python

Python内置方法和属性应用：反射和单例(推荐)

2020/06/19 Python

Original Penguin英国官方网站：美国著名休闲时装品牌

2016/10/30 全球购物

给老婆的搞笑检讨书

2014/01/12 职场文书

软件项目实施计划书

2014/05/02 职场文书

导游词之云南丽江古城

2019/09/17 职场文书

MySQL如何构建数据表索引

2021/05/13 MySQL

PC版《死亡搁浅导剪版》现已发售展开全新的探险

2022/04/03 其他游戏