DHTML 实例

注释:大部分例子需要 IE 4.0+、Netscape 7+、Mozilla、Firefox 1.0 或者 Opera 7+!


CSS

位置:相对

位置:相对

位置:绝对

可见性

Z-index

Z-index(相反的)

鼠标指针

水印

改变背景颜色


CSS 滤镜属性(仅用于 IE)

滤镜

图像滤镜

滤镜:图像遮罩

滤镜:文本遮罩

光效滤镜

移动光效滤镜

燃烧的标题

阴影标题

从黑白到彩色

渐变显示图像

负片图像

X射线图像

遮罩滤镜

燃烧的链接

阴影链接

摇动的链接

阴影链接

Alpha图像链接

灰色图像链接


事件

onload

onunload

onchange

onsubmit

onreset

onselect

onblur

onfocus

onkeydown

onkeyup

onkeydown vs onkeyup

onkeypress

onmouseover 和 onmouseout

onclick

ondblclick

onmousedown 和 onmouseup

onmousemove

仅用右键(仅用于 IE)


文本

元素访问

属性改变

内部 HTML 访问

改变内部的 HTML

改变位置

onmousemove

onload 和 onunload

提示工具

打字机效果的消息

更大的文本

滚动文字

闪动的标题


输入表单

同样的表单

同样的表单 2

改变输入栏的背景颜色

改变输入栏的文本颜色

向输入栏插入背景图像

改变单选按钮的背景颜色(仅用于 IE 和 Opera)

向单选按钮插入背景图像(仅用于 IE 和 Opera)

选取所有的复选框

改变复选框的背景颜色(仅用于 Opera)

向复选框插入背景图像(仅用于 IE 和 Opera)

改变按钮的背景颜色

改变按钮的文本颜色

向按钮插入背景图像

改变下拉列表的背景颜色

改变下拉列表的文本颜色

改变文本框的背景颜色

改变文本框的文本颜色

向文本框插入背景图像


图像

预加载图像

改变图像的尺寸

改变图像的来源

改变图像的来源和尺寸

改变图像的位置

改变背景图像

移动的图像

拖放图像(仅用于 IE 和 Opera)

图像察看器

带有背景图像的按钮(仅用于 IE 和 Opera)摇动的图像

数字时钟


窗口

震动窗口


链接

文本转换

字母间隔

闪光的链接

震动的链接

随机banner


菜单

顶部导航(仅用于 IE)

左侧导航(仅用于 IE 和 Opera)

下拉导航 (select box)

顶部下拉

总是在顶部

插入边框(仅用于 IE 和 Opera)

菜单描述

图像描述

指针描述

指针图像

灰色/彩色图像菜单(仅用于 IE)

垂直滑行(仅用于 IE 和 Opera)

点击垂直滑行 (仅用于 IE 和 Opera)

水平滑行

点击水平滑行


指针

指针位置

指针文本

指针图像

指针轨迹(仅用于 IE)


页面进入效果(仅用于 IE)

淡入

矩形回缩

矩形展开

圆形回缩

圆形展开

窗帘上卷

窗帘下放

窗帘右卷

窗帘左卷

垂直百叶窗

水平百叶窗

格子形垂直百叶窗

格子形水平百叶窗

粉粒状

电梯门关闭

电梯门打开

电梯门水平关闭

电梯门水平打开

对角线右上

对角线右下

对角线左上

对角线左下

水平线

垂直线

随机