|
CSS特效赏析
上一实例 下一实例
6、动态Glow属性 还记得在教程中讲过的Glow滤镜属性吗？下面这个例子动态的把它演示出来。
请您点击下面的这段文字： 怎么样，是不是有一种燃烧起来的感觉，反复点击文字将不断的发光。实现这种效果是很简单的，代码如下： <html>
<head>
<title>css demo</title>
<script>
<!--
function zap() {
if(myimg.filters.glow.enabled==1) {myimg.filters.glow.enabled=0; }
if(myimg.filters.blendtrans.status==0)
{myimg.filters.blendtrans.apply();
myimg.filters.glow.enabled=1; myimg.filters.blendtrans.play(); } }
--> </script>
</head>
<body text="pink">
<div id="myimg" onclick="zap()"
style="font-family:行书体;font-size:54;height:200;color:#ff9900;
filter:glow(color=#9999ff,strength=20,enabled=0)
blendtrans(duration=2)"> <p>学海荡舟 求知无限</p> </div>
</body>
</html> 我们看到代码中还应用到了blendtrans属性，使您在点击后字体的变化有一种淡化
的效果。
从下一节开始，我将向您介绍一些利用CSS-P的知识做出来的特效例子。
上一实例 下一实例 
谈谈您的看法
| 
当前位置：学海荡舟 -> 电脑乐园 -> CSS特效赏析