织梦dedecms商业教程 织梦文章页增加内容字体大小选择功能

牛牛网:织梦dedecms商业教程 织梦文章页增加内容字体大小选择功能

学习教程tuzi2018-11-02 20:03:46A+A-

牛牛热 www.id4c.com.cn 许多时候,我们需要在文章页增加一个文章内容字体大小选择的功能,以适应不同用户的需求。下面Darren就告诉大家用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”>

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


点击这里复制本文地址

声明

本站发布所有广告信息、下载资源,均来自互联网,非本站自制,与本站无关。 如有侵犯您的合法权益请来信告之。我们会在三个工作日内予以清除。


本站中所有资料、资源文件均来自于网络搜索,仅作为技术学习研究之用,请必须在24小时内删除所下载文件,切勿用于商业用途,否则由此引发的法律纠纷及连带责任本站和发布者概不承担。


本站保证站内提供的所有可下载资源(软件等等)都是按“原样”提供,本站未做过任何改动;但本网站不保证本站提供的下载资源的准确性、安全性和完整性;同时本网站也不承担用户因使用这些下载资源对自己和他人造成任何形式的损失或伤害。?


访问本站的用户必须明白,[资源爱好者]对提供下载的软件等不拥有任何权利,其版权归该下载资源的合法拥有者所有。


本站所有资源均不提供相关技术服务,如果源码下载地址失效则请联系站长进行补发。

牛牛热 © All Rights Reserved.
本站发布所有资源,均来自互联网,非本站自制,分享目的仅供大家学习与参考,与本站无关。
如有侵犯您的合法权益请来信告之。我们会在三个工作日内予以清除。邮箱:admin?www.id4c.com.cn
广告合作| 牛牛热| 网站地图|

597| 597| 444| 149| 429| 260| 916| 545| 831| 531|