DHTML(网页特效)实例教程

DHTML可以为使你的网页添加丰富多采的动态效果。

注意!本网页已经过期,推荐不要再使用DHTML这个词汇。关于JavaScript的内容请访问菜鸟的JavaScript笔记

什么是DHTML?它可以做什么?

简单点说DHTML可以让网页上的内容移动、变化、消失、出现……,总之DHTML是很一直被认为是网页设计中比较酷的东西。

DHTML是Dynamic HTML的缩写,意思就是动态的HTML。它并不是某一门独立的语言,事实上任何可以实现页面动态改变的方法都可以称为DHTML。Javascript、DOM和DHTML是比较容易混淆的。通常来说,DHTML实际实际上是Javascript、HTML DOM、CSS以及HTML/XHTML的结合应用。而HTML DOM和Javascript则是分别独立的。

学习DHTML的建议

学习DHTML最好的办法就是阅读别人的代码。在阅读这些DHTML之前您最好已经掌握了HTML/XHTMLCSS,有一定的Javascript基础和HTML DOM基础。

网页特效(DHTML)集锦网站

由于小菜鸟并不擅长Javascript,所以站内的更新可能比较慢。下面的这些网站都是专业的特效制作网站或者收集网站,推荐大家去看看。

Dynamicdrive:英文网站。主要提供可以直接复制粘贴的代码,不过用来学习也是很不错的哦。
网页特效集锦:中文网站。很久以前就存在的特效网站,里面有很多特效都很不错。
洪恩在线网页特效实例:中文网站。同样是比较经典的网站了。
动态网站制作指南Javascript专区:中文网站,特效收集站。仍然在更新(收集)的网页特效网站之一。
太平洋电脑网JavaScript收集:中文网站,特效收集站。仍然在更新(收集)的网页特效网站之一。
JavaScript动态网页制作宝库:中文网站,新浪的特效收集页面。似乎很久不更新了。
特效千寻:中文网站,特效收集站。听名字就知道了。
很全的特效收集:中文网站,特效收集站。收集了很多种类的特效(文字、图片鼠标、时间、状态栏、导航等等)。

本站的特效收集

动态导航条(下拉菜单):动态导航条是DHTML应用最广泛的地方之一。

小提示:

由于缺乏国际统一的、广泛被采纳的“权威”标准,各个浏览器对DHTML的支持是比较混乱的。许多在IE下工作很好的DHTML脚本在FF(Fire Fox)或者其他浏览器中却完全“动”不起来。过去IE在浏览器市场上是占据统治地位的,所以大多数DHTML只要支持IE就可以了。但是随着FF在Google推动下使用份额的不断地增长,我们必须要考虑自己编写的DHTML脚本是否能够在多平台下顺利的工作,否则您可能失去10%甚至更多的用户。期待ECMAscript可以早日成为事实上的标准。