使用js如何改变一篇文章的字体的大小?
2011-04-11 10:29
776 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>使用js如果改变一篇文章字体的大小</title>
</head>
<style type="text/css">
a{ text-decoration:none; color:#0C3}
a:hover{ color:#F36}
</style>
<body>
<script>
function changesize(size)
{
document.getElementById("article_content").style.fontSize =size+"px";
}
</script>
<div id="article_content">你好<br/>我很好<p>呵呵 天天快乐</div>
<a href="javascript:changesize('20')">大</a> <a href="javascript:changesize('12')">小</a>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>使用js如果改变一篇文章字体的大小</title>
</head>
<style type="text/css">
a{ text-decoration:none; color:#0C3}
a:hover{ color:#F36}
</style>
<body>
<script>
function changesize(size)
{
document.getElementById("article_content").style.fontSize =size+"px";
}
</script>
<div id="article_content">你好<br/>我很好<p>呵呵 天天快乐</div>
<a href="javascript:changesize('20')">大</a> <a href="javascript:changesize('12')">小</a>
</body>
</html>
相关文章推荐
- js如何改变文章的字体大小
- js如何改变文章的字体大小
- js改变文章字体大小的实例代码
- 如何使用JS等比例改变显示图片的大小
- js 改变文章字体大小
- js改变文章字体大小的实例代码
- js实现动态改变字体大小代码
- 改变网页文章字体大小
- 改变字体大小实现自适应之js方案A
- js改变宽高字体大小透明度多物体模块运动
- win32程序如何改变字体大小颜色
- 如何改变Xcode字体大小?
- 如何使用JS来改变CSS样式 -- 元素的样式属性名称在CSS和JS中的对照表
- 如何使用JS来改变CSS样式
- 如何改变chm文件字体大小
- 如何改变Android tab 的高度和字体大小
- 如何改变.chm帮助文件的字体大小
- VS2010 MFC编辑框如何改变字体的大小和颜色
- Linux 终端如何改变字体 大小 颜色
- js 实现改变字体大小