用javascript设置文章的字体大小为[大 中 小]的办法!
2009-03-24 09:58
441 查看
有时候看见一些新闻的网页上面有几个可以调整网页内容字体大小的按钮,如:大,中,小,正好要用到
Code
<script type="text/javascript">
//设置字体 by hk 2007-3-9
function SetFont(size)
{
var divBody = document.getElementById("news_content");
if(!divBody)
{
return;
}
divBody.style.fontSize = size + "px";
var divChildBody = divBody.childNodes;
for(var i = 0; i < divChildBody.length; i++)
{
if (divChildBody[i].nodeType==1)
{
divChildBody[i].style.fontSize = size + "px";
}
}
}
</script>
调用的地方:
<div class="newsOpera" id="">
【字号:<a href="javascript:SetFont(16)">大</a> <a href="javascript:SetFont(14)">中</a> <a href="javascript:SetFont(12)">小</a>】 【我要打印】
</div>
<div id="news_content">
你看我的大小变了没??呵呵
</div>
Code
<script type="text/javascript">
//设置字体 by hk 2007-3-9
function SetFont(size)
{
var divBody = document.getElementById("news_content");
if(!divBody)
{
return;
}
divBody.style.fontSize = size + "px";
var divChildBody = divBody.childNodes;
for(var i = 0; i < divChildBody.length; i++)
{
if (divChildBody[i].nodeType==1)
{
divChildBody[i].style.fontSize = size + "px";
}
}
}
</script>
调用的地方:
<div class="newsOpera" id="">
【字号:<a href="javascript:SetFont(16)">大</a> <a href="javascript:SetFont(14)">中</a> <a href="javascript:SetFont(12)">小</a>】 【我要打印】
</div>
<div id="news_content">
你看我的大小变了没??呵呵
</div>
相关文章推荐
- 用javascript设置文章的字体大小为[大 中 小]的办法!
- 用javascript设置文章的字体大小为[大 中 小]的办法!
- 用javascript设置文章的字体大小为[大 中 小]的办法!
- JavaScript 控制字体大小设置
- android4.x 系统设置字体大小 适配解决办法
- JavaScript 控制字体大小设置的方法
- Echarts之Chrome不兼容fontSize小于12的字体大小设置&解决办法
- 设置同样字体大小,chrome浏览器有时字体偏大的解决办法
- yui cookie Dynamically Change Text Size Using Javascript 动态设置字体大小,写入Cookie
- 设置同样字体大小,chrome浏览器有时字体偏大的解决办法(转)
- webView设置字体大小以及文章末尾的留白解决
- 记事本中的字体,字形,大小设置。
- Java中怎么设置JLabel的字体样式,大小,颜色?
- unity在移动端的字体不能调节大小问题解决办法
- CSS3的REM设置字体大小
- MFC设置文本字体大小颜色
- 关于android中怎么设置TabWidget中图片及字体的大小的问题
- ScrollView与WebView结合使用时,设置webview字体大小的时候出现下方留白解决
- CSS3的REM设置字体大小
- 设置UIButton的文字显示位置、字体的大小、字体的颜色