给点提示

Question

想qq空间或又些blog中，在浏览文章或日志内容页面  有可以设置字体大小的（字号：大  中  小），这个应该怎样实现。
我的文章内容是用文本编辑器添加的，要改变字体应该获取它自动生成的标签
求助 给点提示

Answer 1

对选取的文本加个属性,设置它的字体大小, 这样应该是可以的,jquery操作这个应该很方便

Answer 2

用js吧，去设置文章显示内容的字体大小
如 content.style.font-size=15px
content是一个div

Answer 3

<span>
内容
</span>你说让我获取span？

Answer 4

想方便就给<span id='content'>加个id吧
不然，有你写的。

Answer 5

这样不行，生成页面 源码如果是这样的<span><p style="color:Red;">123</p></span>,你说的还行不了?当然了如果我添加文章不用文本编辑器，你说的可以，不过我也不会在这里提问了.

Answer 6

jquery  or js 都可以啊 ，我觉得应该都可以实现 。这个不是很难。

Answer 7

如果<span>里面都是纯text（就是说不带标签），这个我也知道，只是一行代码。
你试试，一个页面添加文章，内容用文本编辑器，一个页面获取，然后，你改变一下试试，如果你的意思是获取span 改变它的样式，我试过了，不行。这不应该是就近原则。

Answer 8

<script>function doZoom(size){
var artibody = document.getElementById('artibody');
if(!artibody){
return;
}
var artibodyChild = artibody.childNodes;
artibody.style.fontSize = size + 'px';
for(var i = 0; i < artibodyChild.length; i++){
if(artibodyChild[i].nodeType == 1){
artibodyChild[i].style.fontSize = size + 'px';
}
}
}function copyText(obj) 
{
var rng = document.body.createTextRange();rng.moveToElementText(obj);rng.scrollIntoView();rng.select();rng.execCommand("Copy");rng.collapse(false);
}
</script>

Answer 9

调用【<a href="javascript:doZoom(18)">18px</a> <a href="javascript:doZoom(14)">14px</a>
                                    <a href="javascript:doZoom(12)">12px</a>】【<a href="javascript:copyText(document.all.ShowBody)">Copy</a>】【<a
                                        href="javascript:window.print()">Print</a>】

Answer 10

前台代码：<div id="ShowBody" style="line-height: 220%;">
                                        <div id="artibody">
                                            绑定内容
                                        </div>
                                    </div>

Answer 11

<script type="text/javascript" src="jquery-1.1.3.pack.js"></script>
<script type="text/javascript"> 
$(document).ready(function() {
        $("#fontsize").change(function(){
                var size = $("#fontsize").val();//获取下拉框的值
                $("p").css({"font-size":size }); //把值付给css的font-size
        });
});
 
</script>
    
        <label for="fontsize">字体大小</label>
        <select id="fontsize">
                <option value="12px">小号</option>
                <option value="16px" >中号</option>
                <option value="24px">大号</option>
        </select>
<p>aaaaaaaaaaaaaaaaaaaa</p>
<p>aaaaaaaaaaaaaaaa</p>
<p>aaaaaaaaaaaaaaaaaaaaap>

Answer 12

赋以上讲解：获取下拉列表的值，然后将值赋给所有<p></P>标签的font-size属性，就可以改变字体大小了，新手，学习中