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

这篇文章给大家分享的是有关织梦文章页实现让用户选择字体大小的方法的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。

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

织梦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,请大家注意!

感谢各位的阅读!关于织梦文章页实现让用户选择字体大小的方法就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!