精通 CSS 滤镜（五）

精通 CSS 滤镜（五）

---

<script type="text/javascript"> var arrBaiduCproConfig=new Array(); arrBaiduCproConfig['uid'] = 2214; arrBaiduCproConfig['n'] = 'sayyescpr'; arrBaiduCproConfig['tm'] = 48; arrBaiduCproConfig['cm'] = 100; arrBaiduCproConfig['um'] = 50; arrBaiduCproConfig['rad'] = 1; arrBaiduCproConfig['w'] = 336; arrBaiduCproConfig['h'] = 280; arrBaiduCproConfig['bd'] = '#ffffff'; arrBaiduCproConfig['bg'] = '#ffffff'; arrBaiduCproConfig['tt'] = '#0000ff'; arrBaiduCproConfig['ct'] = '#000000'; arrBaiduCproConfig['url'] = '#666666'; arrBaiduCproConfig['bdl'] = '#CCCCCC'; arrBaiduCproConfig['wn'] = 1; arrBaiduCproConfig['hn'] = 4; arrBaiduCproConfig['ta'] = 'center'; arrBaiduCproConfig['tl'] = 'top'; arrBaiduCproConfig['bu'] = 1; </script><script src="http://cpro.baidu.com/cpro/ui/ui.js" type="text/javascript"> </script><script type="text/javascript"> <!-- document.write(baiduCproIFrame()); --> </script>

转自:动态网制作指南 www.knowsky.com

    上几次给大家具体讲了语法，下面我们来看几个生动的例子！下面这个程序是用light滤镜模拟雷达屏幕，并且有一架飞机被发现。当然编这个程序要对script 比较熟悉，还要知道lighy滤镜的属性和方法。

    1、雷达屏幕

    在这漆黑的夜里，英雄，你能看到你的美女在哪里吗？什么样子看的清吗，她的那颗炽热跳动的心你能感觉到吗？ 可以说本页效果需要一定的JAVASCRIPT基础，属于CSS和JAVASCRIPT的高级运用。

    2、动态光源演示-英雄救美女

    3、Glow滤镜