首页 > > 网页制作 > css >

CSS动态改变样式

2008-02-23 08:32:28来源：互联网阅读 ()

　　CSS与JavaScript结合起来产生的特效，进一步领略到CSS的强大功能。

　　动态改变样式

　　我们先来看一个较简单的特效，这里只是用到了属性和鼠标事件。

　　我们使用“class”类属性来改变文档的样式。放大这段文本。

　　这个例子的代码是这样的：

<html>
　　<head>
　　<title>change style</title>
　　<style>
　　
　　</style>
　　</head>
　　<body>
　　<h1>动态改变样式</h1>
　　<p>请把鼠标移到蓝色背景的文字下面。</p>
　　<p>我们使用"class"类属性来改变文档的样式。
　　<span onmouseover="this.className='bigchange'"
　　onmouseout="this.classname='start'" class="start"
　　　　　　　　style="cursor:hand">
　　放大这段文本。 </span> </p> </body>
　　//*定义鼠标触发事件，当鼠标放上去的时候，区域内以bigchange类的格式显示，
　　当鼠标离开的时候，以start类显示*//
　　</html>