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 相关文章推荐
jquery+json实现的搜索加分页效果
Mar 31 Javascript
用js实现计算加载页面所用的时间
Apr 02 Javascript
js过滤特殊字符输入适合输入、粘贴、拖拽多种情况
Mar 22 Javascript
javaScript如何处理从java后台返回的list
Apr 24 Javascript
jquery实现图片上传之前预览的方法
Jul 11 Javascript
node.js抓取并分析网页内容有无特殊内容的js文件
Nov 17 Javascript
深入浅析react native es6语法
Dec 09 Javascript
jQuery实现在HTML文档加载完毕后自动执行某个事件的方法
May 08 jQuery
JavaScript中Object基础内部方法图
Feb 05 Javascript
Javascript作用域和作用域链原理解析
Mar 03 Javascript
jQuery 动态粒子效果示例代码
Jul 07 jQuery
解决vue打包 npm run build-test突然不动了的问题
Nov 13 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开发框架kohana中处理ajax请求的例子
2014/07/14 PHP
浅谈PHP中pack、unpack的详细用法
2018/03/12 PHP
TP5框架页面跳转样式操作示例
2020/04/05 PHP
不错的一个日期输入 动态
2006/11/06 Javascript
基于JQuery的6个Tab选项卡插件
2010/09/03 Javascript
借助javascript代码判断网页是静态还是伪静态
2014/05/05 Javascript
Jquery api 速查表分享
2015/01/12 Javascript
BootStrap 附加导航组件
2016/07/22 Javascript
BootStrap tooltip提示框使用小结
2016/10/26 Javascript
js实现一个简单的数字时钟效果
2017/03/29 Javascript
详解vue2.0 使用动态组件实现 Tab 标签页切换效果(vue-cli)
2017/08/30 Javascript
使用elementUI实现将图片上传到本地的示例
2018/09/04 Javascript
Node.js Event Loop各阶段讲解
2019/03/08 Javascript
node将geojson转shp返回给前端的实现方法
2019/05/29 Javascript
Javascript数组方法reduce的妙用之处分享
2019/06/10 Javascript
微信小程序-API接口安全详解
2019/07/16 Javascript
Vue 实现点击空白处隐藏某节点的三种方式(指令、普通、遮罩)
2019/10/23 Javascript
Vue.js 中制作自定义选择组件的代码附演示demo
2020/02/28 Javascript
详解vue中v-model和v-bind绑定数据的异同
2020/08/10 Javascript
解决vue项目打包上服务器显示404错误,本地没出错的问题
2020/11/03 Javascript
Pyspider中给爬虫伪造随机请求头的实例
2018/05/07 Python
django框架之cookie/session的使用示例(小结)
2018/10/15 Python
使用python实现mqtt的发布和订阅
2019/05/05 Python
keras多显卡训练方式
2020/06/10 Python
如何用Anaconda搭建虚拟环境并创建Django项目
2020/08/02 Python
css3高级选择器使用方法
2013/12/02 HTML / CSS
中国专业的音频分享平台:喜马拉雅
2019/05/24 全球购物
行政助理岗位职责范文
2013/12/03 职场文书
高中自我鉴定
2013/12/20 职场文书
采购经理岗位职责
2014/02/16 职场文书
2014年消防工作实施方案
2014/02/20 职场文书
2014年社区学雷锋活动总结
2014/03/09 职场文书
低碳环保演讲稿
2014/08/28 职场文书
准备去美国留学,那么大学申请文书应该怎么写?
2019/08/12 职场文书
vue如何批量引入组件、注册和使用详解
2021/05/12 Vue.js
Win10 最新稳定版本 21H2开始推送
2022/04/19 数码科技