dedecms文章页增加内容字体大小选择的功能
许多时候,我们需要在文章页增加一个文章内容字体大小选择的功能,以适应不同用户的需求。下面就告诉大家用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">
修改完成后生成文章即可。
(资源库 www.zyku.net)
栏 目:DedeCMS
本文地址:https://www.zyku.net/dedecms/829.html
您可能感兴趣的文章
- 06-15Dreamweaver cs6设置代码字体大小的方法
- 02-20notepad++如何调整字体大小
- 02-20sublime text3 字体大小设置教程
- 01-13Dedecms实现tags云标签随机颜色与字体大小方法详解
- 03-17Zend studio 修改字体、字体大小和颜色的方法
- 08-10axure实现多人协作画图
- 05-06火车头采集器采集列表页教程
- 07-05Linux chkconfig命令
- 11-19天猫精灵如何开机
- 04-15帝国CMS用灵动标签调用当前文章的“上
- 01-18桌趣-桌趣应用软件功能介绍
- 01-12星源社区-星源社区应用软件功能介绍
- 12-19HTML <ins> 标签
- 01-13韩漫推荐-韩漫推荐应用软件功能介绍
- 04-07一加9r设置电量百分比方法
- 01-11MyWeek-MyWeek应用软件功能介绍
- 02-21DedeCMS隐藏模板路径防止模板被盗的几
- 02-23DedeCMS全局变量$GLOBALS的定义文件分
- 04-02红米k40关闭系统自动更新教程
- 11-20vivoX70pro+耳机返听功能在哪
最近更新
阅读排行
猜你喜欢
- 07-08鸿蒙系统禁用游戏助手设置方法
- 09-20goodnotes抠图步骤介绍
- 12-30小学语文同步练习-小学语文同步练习应
- 04-10红米k40取消按键提示音设置方法
- 01-11至简集运-至简集运应用软件功能介绍
- 12-26原图相机-原图相机应用软件功能介绍
- 12-28易跑-易跑应用软件功能介绍
- 03-24html中ol标签不显示序号的解决办法
- 01-11oppo手机查看应用使用时间方法
- 02-01一加8t屏幕刷新率调整方法