您当前的位置:主页 > 教程合集 > 网站建设网站首页网站建设

为文章页增加内容字号大中小选择的功能

发布时间:2016-03-01编辑:余斗阅读:(0)字号:
    浏览其他博主博客的时候,余斗会看到不少博客文章页都有一个提供文章字体增大缩小的按钮,用来调节文章字体的大小,用户体验不错。最近抽空研究了一下这个功能的实现方法,只需要一段js代码就能实现,接下来,余斗就告诉大家怎么来操作。 具体方法如下: 一、把以下代码放到内容页模板的<head></head>标签之间:

    <script Language=”JavaScript”>function FontZoom(fsize){var ctext = document.getElementById(“content”);ctext.style.fontSize = fsize +”px”;}</script>
     
    二、在需要显示字体大小选择的地方放上以下代码:

    <small>字体:</small> [<a href=’javascript:FontZoom(16)’>大</a> <a href=’javascript:FontZoom(14)’>中</a> <a href=’javascript:FontZoom(12)’>小</a>]
     
    三、把内容页模板调用文章内容的标签外面的div加上一个id=”content”,如下: 余斗在自己的文章页模版中的

    <div class="content">
     
    改为

    <div class="content" id="content">
     
    修改完成后生成文章即可,大家可以预览下我的文章页标题下面的文章信息,点击下大、中、小来分别看下效果,对网页的加载速度几乎没有影响。
关键字词文章页字号
余斗余斗
  1. 转载请注明:为文章页增加内容字号大中小选择的功能
  2. 版权声明:本站原创文章,由发表在网站建设分类下,于2016-03-01最后更新
为博客首页添加一个播放公告的滚动条
网站被黑注入博彩色情页面的排查与处理方法
手机扫一扫 随身带着看
鸿运国际手机登录首页