织梦文章页实现用户选择字体大小：一键调整，个性化阅读体验

2024-01-29 16:16 0 微浪网 0

IHu

织梦文章页如何实现让用户选择字体大小？

织梦 DEDECMS文章页实现让用户选择字体大小

推荐学习：织梦cms

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

三、需要把内容页的BODY部分使用上代码：

把原模板中的<div class="content">改为<div id="content" class="content">

注意：如果你不是使用官方模板，那么就需要修改相应的代码，也许不是content，请大家注意！

1、本文来自 iHu 投稿的内容 织梦文章页实现用户选择字体大小：一键调整，个性化阅读体验 ，所有言论和图片纯属作者个人意见，版权归原作者所有；不代表本站立场；
2、本站所有文章、图片、资源等如果未标明原创，均为收集自互联网公开资源；分享的图片、资源、视频等，出镜模特均为成年女性正常写真内容，版权归原作者所有，仅作为个人学习、研究以及欣赏！如有涉及下载请24小时内删除；
3、如果您发现本站上有侵犯您的权益的作品，请与我们取得联系，我们会及时修改、删除并致以最深的歉意。邮箱： i-hu#（#换@）foxmail.com

织梦文章页实现用户选择字体大小：一键调整，个性化阅读体验

猜你喜欢