博客展示了利用JavaScript和CSS实时改变样式的例子。一是通过CSS改变表格内容字体样式，二是通过JavaScript改变文本字体大小，体现了两者在样式实时调整方面的应用。
1、利用CSS来改变的例子
<head>
<script>
function StyleChange(StyleName)
{ChangeStyle.className=StyleName;}
</script>
<style>
<!--
.style1 { FONT-FAMILY: Georgia; }
.style2 { FONT-FAMILY: 宋体; }
-->
</style>
</head>
<span onclick=StyleChange("style1") style="cursor:hand">样式1</span>
<span onclick=StyleChange("style2") style="cursor:hand">样式2</span>
<table>
<tr>
<td id=ChangeStyle>
1981年11月19日
</td>
</tr>
</table>
2、又一个实时改变样式的例子：
<script language=javascript>
function FontChange(fontsize)
{
document.getElementById('fontchange').style.fontSize=fontsize+'px'
}
</script>
<a href="javascript:FontChange(48)">click here</a>
<span id="FontChange">1981年11月19日</span>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
