`
- 浏览:
2109861 次
- 性别:
- 来自:
上海
-
在很多大网站上为了提高用户方便阅读文字,都提供有字体大小选择功能,以适应不同年龄段人群的阅读需求,其实这种功能实现起来也很简单,修改起来也方便,字体大号由你来定,默认字体大小可以CSS页面中定义,一般网页的标准字体是9pt,也就是12px;
<html>
<head>
<title>JavaScript设置网页字体</title>
<style>
body{
font-size:9pt;
}
</style>
</head>
<body>
<div id=zoom>这是一段示例文字,你可以点击下边选择不同字号的字体,这段文字会随即改变大小。源码爱好者(CoreFans.net)提供各类编程源码、书籍教程、JavaScript/CSS特效代码以及常用软件下载等,做有质量的学习型源码下载站。</div>
<SCRIPT language=JavaScript>
function doZoom(size){
document.getElementById('zoom').style.fontSize=size+'pt'
}
</SCRIPT>
<P align=right>选择字号:[ <A
href="javascript:doZoom(13)">13pt(超大)</A> <A
href="javascript:doZoom(10.5)">10.5pt(中型)</A> <A
href="javascript:doZoom(9)">9pt(标准)</A> ]
</body>
</html>
<script type="text/javascript"><!--
google_ad_client = "pub-6770445892601887";
/* 468x60, 创建于 09-11-19 */
google_ad_slot = "4437639877";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
js控制页面字体大小! 很值得下载看看!资源免费,大家分享!!
js控制页面字体大小
JS控制页面背景色切换、显示字体、滚屏速度
自己做项目需要,才去找的资源,一起学习!!
个脚本会改变一个段落内的任何文字的字体大小(标签)。如果你想改变其他标签内的文本编辑的getElementsByTagName("P");的一部分。
下面小编就为大家带来一篇JavaScript 控制字体大小设置的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
第一种方法: 分为 大 中 小 控制正文字体大小,一般需要指定 id #content {font-size:12px; line-height:200%; padding:10px; } 字体: 小中大 软件开发网 www.jb51.net 欢迎大家的光临。 [Ctrl+A 全选 ...
主要介绍了JS根据浏览器窗口大小实时动态改变网页文字大小的方法,涉及JavaScript针对页面宽高的动态获取与元素样式动态运算的相关技巧,需要的朋友可以参考下
我们在用JS写程序的时候,经常会遇到像在程序中直接控制字体的大小颜色等基本信息,尤其的在后台方便,小编测试用javascript写了一个这个控件,喜欢的拿走吧。 以上就是用JS写的运行效果,一下我们来看看代码具体...
标准化字体大小(目前仅适用于 InDesign,非常感谢您的帮助) 你有没有想过为什么有些字体看起来比其他字体大? 有时是风格的差异,但大多数时候你无法分辨,因为你会被随机的音阶分散注意力。 此工具可帮助您纠正...
用js批量输出select事件控制textarea中字体的大小的代码。
Typography 是一个 JavaScript 对象,它自动设置页面的理想字体大小、行距和行长。 它还应用了一些孤立控件。 它的目的是设置一个基本的正文副本配置,最大限度地提高可读性,可以根据需要覆盖。它是如何做到的? ...
js控制文本框自动缩小字体填充,当文本框中的字体超出文本框范围的时候,框内的字体会自动缩小,以填充整个文本框; 调用:resetFontSize($(.title), 50, 10, 20);//重置字体大小 wordbox:jQuery对象 maxHeight:box...
一个导出excel的demo,包含导出的逻辑代码和依赖包,下载以后请执行 npm install ,然后起服务访问,不能直接以 file://打开哦
JS写的倒计时效果(天-时-分-秒) 修改Bug,天数的统计错误问题,更正部分逻辑,可用于指定未来的某一天,根据当前时间开始倒计时。...//字体大小设定,会自动匹配显示效果 text-align:center; letter-spacing:-3px; }
FlowType.JS 通过改变字体大小来缓解这个困难和行高基于特定元素的宽度。 这允许在任何屏幕宽度下每行都有完美的字符数。 选项 阈值 设置最小和最大宽度阈值以控制特定元素宽度内的 FlowType.JS 魔法。 在此示例中...
最近在做新闻内容页面,实现页面字体的控制。我采用的办法是,在Android asset载入html资源,webview调用该html,实现android中的button,调用html中的JS方法,实现控制字体的大小。