`

DHTML 简介

 
阅读更多

DHTML是Dynamic HTML的简称,就是动态的html(标准通用标记语言下的一个应用),是相对传统的静态的html而言的一种制作网页的概念。所谓动态HTML(Dynamic HTML,简称DHTML),其实并不是一门新的语言,它只是HTML、CSS和客户端脚本的一种集成,即一个页面中包括html+css+javascript(或其它客户端脚本),其中css和客户端脚本是直接在页面上写而不是链接上相关文件。DHTML不是一种技术、标准或规范,只是一种将目前已有的网页技术、语言标准整合运用,制作出能在下载后仍然能实时变换页面元素效果的网页设计概念。

DHTML建立在原有技术的基础上,可分为三个方面:
一是HTML(XHTML),也就是页面中的各种页面元素对象,它们是被动态操纵的内容;
二是CSS,CSS属性也是动态操纵的内容,从而获得动态的格式效果;
三是客户端脚本(例如JavaScript),它实际操纵Web页上的HTML和CSS。
使用DHTML技术,可使网页设计者创建出能够与用户交互并包含动态内容的页面。实际上,DHTML使网页设计者可以动态操纵网页上的所有元素——甚至是在这些页面被装载以后。利用DHTML,网页设计者可以动态地隐藏或显示内容、修改样式定义、激活元素以及为元素定位。DHTML还可使网页设计者在网页上显示外部信息,方法是将元素捆绑到外部数据源(如文件和数据库)上。所有这些功能均可用浏览器完成而无需请求Web服务器,同时也无需重新装载网页。这是因为一切功能都包含在HTML文件中,随着对网页的请求而一次性下载到浏览器端。

 

<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<style>
h2
{
width:100%;
}
</style>
</head>

<body>

<h2 style="filter:glow()">发光</h2>
<h2 style="filter:blur()">模糊</h2>
<h2 style="filter:fliph()">Flip H</h2>
<h2 style="filter:flipv()">Flip V</h2>
<h2 style="filter:shadow()">阴影</h2>
<h2 style="filter:dropshadow()">阴影</h2>
<h2 style="filter:wave(Strength=2)">波浪</h2>

<p>注释:如果元素的 width 属性没有设置,那么滤镜不会起作用。</p>
</body>
</html>

 

效果图:

 

 

  • 大小: 18.1 KB
1
2
分享到:
评论

相关推荐

    HTML[5]、DHTML手册

    HTML DHTML HTML5 CSS等知识简介

    超全面javaweb教程28天-day3 14 DHTML的简介

    超全面javaweb教程28天-day3_14_DHTML的简介

    DHTML对象模型中文手册

    资源名称:DHTML对象模型中文手册内容简介: DHTML文档对象模型中文手册,介绍DHTML文档的简介、内置方法以及网页常用颜色表附录,属CSS网站重构的内容。资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的...

    《JavaScript+DHTML语法与范例详解词典》源码

    内容简介 《JavaScript+DHTML语法与范例详解词典》词条包含的主要内容有JavaScript的全局函数和基础对象的函数和属性;如何通过JavaScript DOM对象来动态地操作整个HTML文档,对HTML元素进行添加、移动、修改或删除...

    DHTML默认行为中文手册

    内容大概如下: 1简介 2方法 3特性 4属性 5附录

    提高 DHTML 页面性能

    目录 简介 成批处理 DHTML 更改 使用 innerText 使用 DOM 添加单个元素 扩展 SELECT 元素中的选项 用 DOM 更新表 编写一次,使用多次 请勿过多使用动态属性 数据绑定很有效 不要在 document 对象中设置...

    ajax简介

    该方法的关键在于对浏览器端的JavaScript、DHTML和与服务器异步通信的组合。本文也演示了启用这种方法是多么简单:利用一个Ajax框架(指DWR)构造一个应用程序,它直接从浏览器与后端服务进行通信。如果使用得当,...

    Ajax简介.doc

    介绍一种方法,Ajax,使用它可以构建更为动态和响应更灵敏的Web应用程序。该方法的关键在于对浏览器端的JavaScript、DHTML和与服务器异步通信的组合。

    JavaScript入门经典(第1版)书源代码

    JavaScript入门经典(第3版)书源代码作者: 麦可匹克 出版社: 清华大学出版社 第1章 eb...DHTML概述第13章 现代浏览器中的DHTML第14章 JavaScript与XML第15章 使用ActiveX和Plug-In第16章 Ajax与远程脚本附录 参考答案

    JavaScript入门经典(第3版) 附书源代码.rar

    HTML表单——与用户进行交互第7章 窗体和框架第8章 字符串操作第9章 日期、时间和计时器第10章 常见错误、调试和错误处理第11章 使用Cookie存储信息第12章 DHTML概述第13章 现代浏览器中的DHTML第14章 JavaScript与...

    四天学会Ajaxchm格式

    资源名称:四天学会Ajax chm格式内容简介: 本教程的作者是一位 Ajax 编程专家,他通过这本书向大家演示了HTML、Javascript™ 技术、DHTML 和 DOM 这些技术是如何协同工作的—— 从总体概述到细节的讨论 ——...

    浅谈AJAX 技术与优缺点

    AJAX简介 AJAX代表了异步JavaScript+XML。这种技术首先由微软在1999年引入,并以"使用远程调用的DHTML/JavaScript web应用程序"著称。这一技术的基本思想是,允许一个互联网浏览器向一个远程页面/服务作异步的HTTP...

    样式表滤镜中文手册

    资源名称:样式表滤镜中文手册内容简介: 本手册是 Rainer's DHTML Library 产品的一部分。 本手册针对的是已有一定网页设计制作经验的读者。其目的是提供完整清晰的样式滤镜的快速索引及进阶帮助。所以对于网页...

    divcss布局入门教程

    资源名称:div css布局入门教程内容简介:在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识,而在你学习这篇入门教程之前,请确定你已经具有了...

    Web前端开发的现状和未来

    资源名称:Web前端开发的现状和未来内容简介:主题大纲前端的发展和现状行业内前端的位置前端的实际工作面临的问题未来的机遇建议的修炼之路行业内前端的位置前端很Cool?标签语义化、css布局、浏览器兼容、css ...

    Ajax实战中文版

     Dave Crane英国资深Web开发人员,在智能家居、银行和金融系统领域应用DHTML和Ajax等客户端技术拥有丰富的经验。  Eric Pascarello 资深ASP.NET开发人员,著名Java社区JavaRanch的 HTML与JavaScript版主。  ...

    DynamicHTML语法参考辞典

    简介: 内容介绍: DHTML语法最佳查询参考用书 本书针对DHTML语法中每一项功能的类别来区分,并详细列出语法的使用规格,并有一个对应的完整实例配合学习,其中分别针对Internet Explorer,Netscape Navigator 4....

    AJAX基础教程及实例

    AJAX简介 AJAX全称为“AsynchronousJavaScriptandXML”(异步JavaScript和XML),是一种创建交互式网页应用的网页开发技术。类似于DHTML或LAMP,AJAX不是指一种单一的技术,而是有机地利用了一系列相关的技术。 AJAX...

    JavaScript脚本程序设计 源代码及课件

    第1章 JavaScript简介 第2章 JavaScript编程基础 第3章 JavaScript常用内置对象 第4章 JavaScript常用文档对象 第5章 JavaScript其他常用窗口对象 第6章Javascript与动态网页(DHTML) 第7章Javascript实用技巧

Global site tag (gtag.js) - Google Analytics