当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 精通 CSS 滤镜(五)

HTML/XHTML教程
Data URI和MHTML完整解决所有浏览器
HTML表格边框的控制实现代码
6个不常用HTML标记使用说明
HTML5 Canvas概述
IE6 空格bug修正方法
w3c组织给出html4的样式建议
IE6下网页制作参考 IE6 默认样式
html标签a的target属性的用法
XHTML+CSS写出正规的BLOG
HTML教程:收集的常用的HTML标签(4)
HTML教程:收集的常用的HTML标签(6)
动态修改框架(frame)src属性的方法
HTML基础:HTML的基本结构
网页制作解惑:图象文件的路径
HTML教程:html水平线段<HR />
HTML表格标记教程(18):表格的表头<TH>
HTML表格标记教程(19):行标记<TR>属性
HTML表格标记教程(26):单元格标记<TD>属性
XHTML教程:针对初学者的XHTML基础
HTML表格标记教程(44):表格的表首标记<THEAD>

HTML/XHTML教程 中的 精通 CSS 滤镜(五)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 98 ::
收藏到网摘: n/a

 

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

    1、雷达屏幕

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

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

    3、Glow滤镜