当前位置: 首页 > 编程笔记 >

javascript实现控制文字大中小显示

程仲卿
2023-03-14
本文向大家介绍javascript实现控制文字大中小显示,包括了javascript实现控制文字大中小显示的使用技巧和注意事项,需要的朋友参考一下

部分网站内容页通常会看到有控制文字分别以 大,中,小 三种方式显示,下面就把这个小功能做一下记录,对提高网站用户体验度还是有一些帮助的哦!

<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实现限制上传文件大小的使用技巧和注意事项,需要的朋友参考一下 前言:   项目中经常用到需要上传文件、照片等功能,同时需要限制所上传文件的大小。很多插件都会采用后台请求验证,前端Js校验比较少。本篇介绍一个前端JS便捷判断上传文件大小的方法。 这个是比较好的 下面的代码不建议使用   代码很简单,关键就是怎么用JS拿

  • 本文向大家介绍javascript实现点击小图显示大图,包括了javascript实现点击小图显示大图的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了javascript实现点击小图显示大图的具体代码,供大家参考,具体内容如下 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍JavaScript 控制字体大小设置的方法,包括了JavaScript 控制字体大小设置的方法的使用技巧和注意事项,需要的朋友参考一下 在做公司的官网的时候,新闻内页会有一个让浏览者自己调整文字大小的功能,因此在这个空闲时间,把这个功能整理下来: 调用方式: 提示:可以通过font-size:0的方式来隐藏Input元素的value值,然后自定义按钮的样式。 以上这篇JavaScr

  • 本文向大家介绍Android实现手势控制ImageView图片大小,包括了Android实现手势控制ImageView图片大小的使用技巧和注意事项,需要的朋友参考一下 本文实例实现的主要功能是在ImageView中识别手势用以控制图片放大或缩小,具有一定的参考价值,分享给大家。 我对其中定义OnSingleTapListener接口的方法稍作了一些修改,为onSingleTap回调方法增加了Mot

  • 问题内容: 我正在通过AJAX调用接收XML数据。标签之一包含大量文本,大约4000-5000个字符。在Firefox中,该字段在第3000个字符左右被截断。我在网上找到的大多数内容都表明,节点值的大小没有限制,但有时取决于实现方式- 没有可靠的答案。 假设对nodeValue的大小没有限制,是否有人对为什么会发生有任何建议?有任何解决方法吗? 值被截断。 -如果我打印xmlHttp.respon

  • 本文向大家介绍javascript实现状态栏中文字动态显示的方法,包括了javascript实现状态栏中文字动态显示的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript实现状态栏中文字动态显示的方法。分享给大家供大家参考,具体如下: 希望本文所述对大家JavaScript程序设计有所帮助。