首页 > Web开发 > 详细

DHTML 简介

时间:2015-08-19 02:31:36      阅读:159      评论:0      收藏:0      [点我收藏+]

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>

?

效果图:
bubuko.com,布布扣
?

?

DHTML 简介

原文:http://onestopweb.iteye.com/blog/2236179

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!