CSS+javascript特效赏析

发布时间：2006-04-04 14:05:12　来源：天极网网友评论 0 条

从现在开始，我将向您介绍一系列的CSS作品，这些大都是CSS与JavaScript结合起来产生的特效。您可以通过对这些特效的欣赏，进一步领略到CSS的强大功能。
　　1、动态改变样式

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

　　请把鼠标移到蓝色背景的文字下面。
　　我们使用“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>

　　这个例子很简单，容易理解，就不多说什么了。