实时改变样式的例子

[入库:2005年8月18日] [更新:2007年3月25日]

本文简介:选择自 ceocio 的 blog

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>

本文关键:javascript,css,html,动态改变样式,ceocio,刘巍
  相关方案
Google
 

本站最佳浏览方式为 分辨率 1024x768 IE 6.0(或更高版本的 IE浏览器)

go top