首页 > 教程 >

织梦文章页增加内容字体大小选择功能

2023-04-02教程围观次

简介文章介绍许多时候，我们需要在文章页增加一个文章内容字体大小选择的功能，以适应不同用户的需求。下面Darren就告诉大家用js来实现这个功能。具体方法如下：第1步、把以下代码放到内容页模板的标签之间。functionFontZoom(fsize){varctext=document.getElementById(content);ctext.style.fontSize=fsize+px;}第2步、

　　文章介绍

许多时候，我们需要在文章页增加一个文章内容字体大小选择的功能，以适应不同用户的需求。下面Darren就告诉大家用js来实现这个功能。具体方法如下：

第1步、把以下代码放到内容页模板的<head></head>标签之间。

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

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

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

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

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

<div class=”content”>

改为

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

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

下载链接：网站源码/小程序源码/网站模板下载

Tags：功能织梦文章内容增加

上一篇：织梦会员中心地区显示解决办法
下一篇：织梦去掉面包屑导航里面index.html的方法

相关文章

下载排行

最新发布

标签云

全屏