实时改变样式的例子

王朝other·作者佚名  2006-01-08
宽屏版  字体: |||超大  

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>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
© 2005- 王朝网络 版权所有