javascript 大中小字体显示实现代码

更新时间：2010年09月06日 17:45:41 作者：

有时候页面中的正文一般都加上了字体大中小控制代码，方便浏览者阅读。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>大中小字体显示</title> </head> <body> <a href="#" onclick="changeFontSize(document.getElementById('content'),this.style.fontSize);return false;" style="font-size: 16px;">大</a> <a href="#" onclick="changeFontSize(document.getElementById('content'),this.style.fontSize);return false;" style="font-size: 14px;">中</a> <a href="#" onclick="changeFontSize(document.getElementById('content'),this.style.fontSize);return false;" style="font-size: 12px;">小</a> <div id="content"> 京藏高速通畅四天后再次堵车上百公里 <p> <font size="3">&nbsp;&nbsp;&nbsp; 昨日上午8点，央视记者沿鄂尔多斯历时3个多小时，仅行进120多公里， 到达河北东洋河收费站。此时，收费站双向放行，交通拥堵有所缓解。</font></p> <p> <font size="3">&nbsp;&nbsp;&nbsp; 据了解，截至昨日中午12点，内蒙古境内拥堵情况最长达120公里。 据测算，上万车辆滞留。 其主要原因一是大货车停车后，启动速度慢，二是不少大货车司机堵车期间睡着了。</font></p> </div> <script language="javascript"> function changeFontSize(pucl,size) { if(pucl.style) pucl.style.fontSize=size; for(var i=0;i<pucl.childNodes.length;i++) { changeFontSize(pucl.childNodes[i],size) } } </script> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

微信小程序实现时间预约功能
这篇文章主要为大家详细介绍了微信小程序实现时间预约基本功能，一个类似电商的时间预约功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-11-11
JavaScript实现轮播图方法(逻辑清晰一看就懂)
这篇文章主要给大家介绍了关于JavaScript实现轮播图方法的相关资料,JS轮播图的实现核心是使用JavaScript来控制图片的切换和显示,配合HTML和CSS完成布局和样式设置,文中介绍的方法逻辑清晰一看就懂,需要的朋友可以参考下
2023-12-12
js实现网页五子棋进阶版
这篇文章主要为大家详细介绍了js实现网页五子棋进阶版，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-05-05
JS实现鼠标移动拖尾
这篇文章主要为大家详细介绍了JS实现鼠标移动拖尾效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-12-12
js判断iframe中元素是否存在的实现代码
这篇文章主要介绍了js判断iframe中元素是否存在的实现代码,需要的朋友可以参考下
2016-12-12
javascript控制Div层透明属性由浅变深由深变浅逐渐显示
控制Div层透明属性,由浅变深逐渐显示,由深变浅逐渐消失，具体实现代码如下，喜欢的朋友可以感受下
2013-11-11
ES6 Promise对象的应用实例分析
这篇文章主要介绍了ES6 Promise对象的应用,结合实例形式分析了Promise对象原理与异步处理相关操作技巧,需要的朋友可以参考下
2019-06-06
新手学习前端之js模仿淘宝主页网站
淘宝网大家在熟悉不过了，那么淘宝网首页模板是怎么做的呢？今天小编抽时间给大家分享新手学习前端之js模仿淘宝主页网站的相关资料,需要的朋友可以参考下
2016-10-10
利用ASP发送和接收XML数据的处理方法与代码
利用ASP发送和接收XML数据的处理方法与代码...
2007-11-11
微信小程序实现文本输入弹窗
这篇文章主要为大家详细介绍了微信小程序实现文本输入弹窗，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-07-07

javascript 大中小字体显示实现代码

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具