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

前端之家收集整理的这篇文章主要介绍了织梦文章页如何实现让用户选择字体大小前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

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

推荐学习:织梦cms

一、把以下代码放到内容页模板的<head>之后,</head>之前。

  1. <script Language="JavaScript">
  2. function FontZoom(fsize){
  3. var ctext = document.getElementById("content");
  4. ctext.style.fontSize = fsize +"px";
  5. }</script>

二、在需要调用大小写的地方放上以下代码

  1. <small>字体:</small> [<a href='javascript:FontZoom(16)'></a>
  2. <a href='javascript:FontZoom(14)'></a> <a href='javascript:FontZoom(12)'></a>]

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

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

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

以上就是织梦文章页如何实现让用户选择字体大小的详细内容,更多请关注编程之家其它相关文章

猜你在找的Dedecms相关文章