您的位置：寻梦网首页＞编程乐园＞CSS 初步＞CSS特效赏析
CSS特效赏析

CSS特效赏析
　1.动态改变样式
　2.动态可视化效果
　3.动态滤镜显示
　4.Blentrans属性
　5.Revealtrans属性
　6.动态Glow属性
　7.显示和隐藏
　8.兼容两种浏览器
　9.移动对象
　10.对象的滑动
　11.键盘控制对象
　12.鼠标控制对象
　13.Clip属性的应用
　14.动态文字变换
　15.动态改变页面样式
　16.动态时钟控制
　17.倒计时
　18.动态刷新


CSS特效赏析

　上一实例　下一实例

3、动态滤镜显示

本节将向您介绍一个动态滤镜显示的例子中，在这个例子中您可以随意改变透明度的开始值、结束值和样式（style）。 链接。

这个例子先是在<head>中加入了一段JavaScript语句，代码如下：

<script language="javascript">
　　<!--
　　function setfilter(){
　　myimage.filters.alpha.opacity=document.forms(0).opacity.value
　　myimage.filters.alpha.finishopacity=
　　document.forms(0).finishopacity.value
　　myimage.filters.alpha.style=document.forms(0).setstyle.value }
　　-->
　　</script>

这段代码定义图片的透明度等于表单中输入的对应的透明度的值。myimage是一个类
，标识图片。它的CSS样式是这样定义的：

<img id="myimage" src="ss07075.jpg"
　　style="filter:alpha();position:absolute;top:10;left:0;">

最后，在图片下方加入三个表单，分别对应输入初始透明度、结束透明度和样式值
，通过透明度的改变，使隐藏在图片下的文字显示出来。

下一节将向您介绍一种特殊的滤镜效果。

　上一实例　下一实例