通过js控制文章内容字体大小代码

 代码如下 复制代码

保存为a.html代码
<script>
var min=8;
var max=18;
function increaseFontSize() {
var p = document.getElementsByTagName('p');
for(i=0;i<p.length;i++) {
if(p[i].style.fontSize) {
var s = parseInt(p[i].style.fontSize.replace("px",""));
} else {
var s = 12;
}
if(s!=max) {
s += 1;
}
p[i].style.fontSize = s+"px"
}
}
function decreaseFontSize() {
var p = document.getElementsByTagName('p');
for(i=0;i<p.length;i++) {
if(p[i].style.fontSize) {
var s = parseInt(p[i].style.fontSize.replace("px",""));
} else {
var s = 12;
}
if(s!=min) {
s -= 1;
}
p[i].style.fontSize = s+"px"
}
}
</script>

<a href="javascript:decreaseFontSize();">-</a>
<a href="javascript:increaseFontSize();">+</a>

<p>
点击上面可以控制，里的字体放大缩小哦，有需要的朋友可以参考一下。
</p>
时间： 2024-10-24 10:36:30

通过js控制文章内容字体大小代码的相关文章

jquery 文章内容字体大小更换与改变代码

jquery 文章内容字体大小更换与改变代码 <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script language="javascript教程" src="到jquery官网下载jquery文件.js">&l

js实现动态改变字体大小代码_javascript技巧

在很多大网站上为了提高用户方便阅读文字,都提供有字体大小选择功能,以适应不同年龄段人群的阅读需求,其实这种功能实现起来也很简单,修改起来也方便,字体大号由你来定,默认字体大小可以CSS页面中定义,一般网页的标准字体是9pt,也就是12px: 实例代码一: <!DOCTYPE html> <html> <head> <title>修改字体大小.html</title> <meta http-equiv="keywords"

js实现动态改变字体大小代码

 本文为大家介绍下使用js如何实现动态改变字体大小,感兴趣的额朋友不要错过 代码如下: <!DOCTYPE html>  <html>  <head>  <title>修改字体大小.html</title>    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  <meta http-equiv="

jquery更换文章内容与改变字体大小代码_jquery

复制代码 代码如下: <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script language="javascript教程" src="到jquery官网下载jquery文件.js"></script>

js设置字体大小代码

网页特效设置字体大小代码 这里提供一二款js设置字体大小哦,一款是设置大中小三种字体大小,一种是根据用户输入1-7字号大小能确写字体大小的js代码. <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.111cn.net/tr/xhtml1/dtd/xhtml1- transitional.dtd"> <html xmlns="http://

用JS让文章内容指定的关键字加亮

 用JS让文章内容指定的关键字加亮 是这样的.. 现在有这些关键字:美容,生活,购物 当在文章里头出现这些关键字,就把它加亮显示.. 文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用JS来实现... 不知道怎样来实现这样的功能啊?特此求助 <script language="JavaScript">  txt.innerHTML = txt.innerHTML.replace(/文章/gi,"<font color=red>文章"

js对文章内容进行分页的具体实现

 这篇文章主要介绍了使用js对文章内容进行分页的具体实现,需要的朋友可以参考下 Thinkphp中文章显示代码:  代码如下: <div id="showContent">{$article.content|htmlspecialchars_decode}</div>  <div id="articlePages"></div>    js实现代码:   代码如下: <script type="text

用JS让文章内容指定的关键字加亮_正则表达式

用JS让文章内容指定的关键字加亮 是这样的.. 现在有这些关键字:美容,生活,购物 当在文章里头出现这些关键字,就把它加亮显示.. 文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用JS来实现... 不知道怎样来实现这样的功能啊?特此求助

WordPress获取文章内容摘要程序代码

这个是我自己写的获取文章内容摘要程序  代码如下 复制代码 <?php  global $more;    $more = 1;    //1=全文 0=摘要   $my_content = strip_tags(get_the_excerpt(), $post->post_content); //获得文章   $my_content = str_replace(array("rn", "r", "n", " ",