在很多大网站上为了提高用户方便阅读文字,都提供有字体大小选择功能,以适应不同年龄段人群的阅读需求,其实这种功能实现起来也很简单,修改起来也方便,字体大号由你来定,默认字体大小可以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>
字体大小 js 控制
转载wx634e1c97257c6 博主文章分类:[网站分类].NET新手区
上一篇:JS全角转半角

提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
用CSS灵活设置字体大小
用CSS灵活设置字体大小
div+css 鼠标中键 缩放 字体设置 -
CSS - 基于相对字体大小的按钮
前言在一些场景下,响应式的按钮字体也是必需的。网站的移动版就是很好的例子。当在iPhone中查看一个常规按钮时,往往发
CSS 基于相对字体大小的按钮 移动设备 响应式 html页面 -
字体大小 js 控制
<head><title>JavaScript设置网页字体</title><st...
JavaScript Google CSS 编程 .net -
HTML字体大小颜色
http://www.myzqu.com/thread-478-1-1.html
职场 HTML 颜色 休闲 字体 -
eclipse设置字体大小
设置前的字体大小 设置后的字体大小 步骤 显示行号
eclipse 显示行号 JAVA -
idea调节字体大小
这是调节前的 这是调节后的 步骤
idea JAVA