织梦DedeCMS文章内容字体大小切换功能实现方法

方法如下

第一步：在内容页模板头部添加JavaScript代码

把以下代码放到内容页模板的<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属性

把内容页模板调用文章内容的标签外面的div加上一个id=”content”，如下：

例如把织梦默认的文章内容页模板中的

<div class=”content”>

改为

<div id=”content” class=”content”>

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

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。