盼盼资源网-亲测资源网-盼盼的家园www.panpan.org

 找回密码
 立即注册
查看: 45|回复: 0

DEDE文章页增加内容字体大小选择的功能的代码

[复制链接]

600

主题

620

帖子

40万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
402387
发表于 2019-4-14 15:07:31 | 显示全部楼层 |阅读模式
DEDE文章页增加内容字体大小选择的功能的代码

为提高用户体验,我们需要在文章页增加一个文章内容字体大小选择的功能,以适应不同用户的需求。其实很简单,可以用js来实现这个功能。
具体方法如下:
第1步、把以下代码放到内容页模板的<head></head>标签之间。



  <script Language="JavaScript">function FontZoom(fsize){var ctext = document.getElementById("content");ctext.style.fontSize = fsize +"px";}</script>

第2步、在需要显示字体大小选择的地方放上以下代码:



  <small>字体:</small> [<a href='javascript:FontZoom(16)'>大</a> <a href='javascript:FontZoom(14)'>中</a> <a href='javascript:FontZoom(12)'>小</a>]

第3步、把内容页模板调用文章内容的标签外面的div加上一个id="content",如下:
例如把织梦默认的文章内容页模板中的

  <div class="content">

改为

  <div id="content" class="content">

修改完成后生成文章即可。


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|民间故事|新华字典|周公解梦|实用工具|加密解密|便民服务|盼盼工具箱|闹钟|默笙工具箱|易经风水|Archiver|手机版|小黑屋|盼盼资源网