`
Kyll
  • 浏览: 104108 次
  • 性别: Icon_minigender_1
  • 来自: 长春
社区版块
存档分类
最新评论

DHTML 笔记

阅读更多
DHTML 不是 W3C 标准。
DHTML 结合 CSS 和 JavaScript。

元素必须指定位置属性(relative相对 或者 absolute绝对)。
然后设置下面的属性:
left - the element's left position
top - the element's top position
visibility - specifies whether an element should be visible or hidden
z-index - the element's stack order
clip - element clipping
overflow - how overflow contents are handled

position:relative 指定元素的位置相对于当前元素。
position:absolute 指定元素的位置距离窗口页边。
visibility:visible 元素可见。
visibility:hidden 元素隐藏。
z-index 相当于三维坐标系中的 Z 轴。

滤镜(过滤器?^_^)
使用滤镜时应该总是指定 width 属性。
h1
{
width:100%;
filter:glow;
}

如果 background-color 属性不被设置成 transparent(透明), 一些滤镜的属性将不能工作。
Property Argument Description Example
alpha opacity
finishopacity
style
startx
starty
finishx
finishy 
Allows you to set the opacity of the element filter:alpha(opacity=20, finishopacity=100, style=1, startx=0, 
starty=0, finishx=140, finishy=270)
blur add
direction
strength
Makes the element blur filter:blur(add=true, direction=90, strength=6);
chroma color Makes the specified color transparent filter:chroma(color=#ff0000)
fliph none Flips the element horizontally filter:fliph;
flipv none Flips the element vertically filter:flipv;
glow color
strength
Makes the element glow filter:glow(color=#ff0000, strength=5);
gray none Renders the element in black and white filter:gray;
invert none Renders the element in its reverse color and brightness values filter:invert;
mask color Renders the element with the specified background color, and transparent foreground color filter:mask(color=#ff0000);
shadow color
direction
Renders the element with a shadow filter:shadow(color=#ff0000, direction=90);
dropshadow color
offx
offy
positive
Renders the element with a dropshadow filter:dropshadow(color=#ff0000, offx=5, offy=5, positive=true);
wave add
freq
lightstrength
phase
strength
Renders the element like a wave filter:wave(add=true, freq=1, lightstrength=3, phase=0, strength=5)
xray none Renders the element in black and white with reverse color and brightness values filter:xray;


background-attachment:scroll 页面空闲时滚动。
background-attachment:fixed 页面空闲时固定。

DOM 文档对象模型

事件处理
Event Occurs when...
onabort a user aborts page loading
onblur a user leaves an object
onchange a user changes the value of an object
onclick a user clicks on an object
ondblclick a user double-clicks on an object
onfocus a user makes an object active
onkeydown a keyboard key is on its way down
onkeypress a keyboard key is pressed
onkeyup a keyboard key is released
onload a page is finished loading. Note: In Netscape this event occurs during the loading of a page!
onmousedown a user presses a mouse-button
onmousemove a cursor moves on an object
onmouseover a cursor moves over an object
onmouseout a cursor moves off an object
onmouseup a user releases a mouse-button
onreset a user resets a form
onselect a user selects content on a page
onsubmit a user submits a form
onunload a user closes a page
分享到:
评论

相关推荐

    个人笔记 C# MSSQLSever DHTML

    【个人笔记 C# MSSQLSever DHTML】是一份涵盖了多个IT领域基础知识的个人学习笔记,旨在帮助初学者系统地复习和巩固C#编程、Microsoft SQL Server数据库管理和DHTML等前端技术。以下是对这些知识点的详细说明: 1. ...

    各类chm文件大集合,以及java web学习比较

    css参考手册.chm ...JavaScript参考手册中文版.chm java包(简例)中文版.chm Jsp内置对象参考手册.chm Think In Java.chm ...DHTML笔记.doc HTML DOM笔记.doc javascript笔记.doc JQuery笔记.doc XML笔记.doc

    JavaScript学习笔记.pdf

    JavaScript学习笔记是一本关于JavaScript编程语言的教材,该教材通过丰富的实例,系统地介绍了JavaScript的基础知识和实际应用技巧,帮助读者一步步掌握客户端编程技术。本书共分为九章,每一章都有其特定的主题,...

    DHTML/HTML/CSS网页制作完全手册

    通过DHTML,开发者可以实现动画效果、交互式表单和响应用户操作的动态界面。DHTML的核心在于利用JavaScript改变HTML元素的样式、位置或内容,同时结合CSS来控制页面的布局和样式,使网页具有更强的表现力和互动性。 ...

    程序员开发心得与笔记

    这篇程序员的开发心得和笔记探讨了一个特定的话题:如何从C#中访问DHTML DOM对象。DOM(文档对象模型)是HTML和XML文档的一种标准表示,它允许程序员以结构化的方式访问和修改网页内容。 首先,要实现这一功能,...

    HTML笔记资料--HTML基础CHM

    动态HTML(DHTML)使得网页能够响应用户的交互,如鼠标悬停效果、动画等,增强了用户体验。 "HTML语法教学"会深入讲解HTML的语法规则,包括正确的元素嵌套、属性的使用、注释的编写等。良好的语法习惯可以确保代码...

    Java/JavaEE 学习笔记

    四、DHTML(动态HTML对象)......210 五、JavaScirpt高级技巧..................210 Servlet学习笔记..............212 Servlet前言.............212 第一章 Servlet Basic ........................214 第二章 Form...

    JavaScript_DOM_编程艺术读书笔记

    ### JavaScript DOM 编程艺术读书笔记关键知识点解析 #### 一、JavaScript简史与相关技术简介 - **XHTML(可扩展的超文本标记语言)**:这是一种更加严格、更加强大的HTML版本,旨在提高网页的可读性和可扩展性。 ...

    2022年自考互联网及其应用笔记.doc

    本文档是关于互联网及其应用的笔记,涵盖了HTML、XML、DHTML、网页设计、Java、VRML、分布式数据库等IT知识点。 首先,HTML(HyperText Markup Language)是一种计算机程序语言,用于编写网页。它基于ISO 8879-SGML...

    J2EE学习笔记(J2ee初学者必备手册)

    四、DHTML(动态HTML对象)......210 五、JavaScirpt高级技巧..................210 Servlet学习笔记..............212 Servlet前言.............212 第一章 Servlet Basic ........................214 第二章 Form...

    HTML学习笔记-适合初学者

    **DHTML的应用** DHTML结合了HTML、CSS、DOM(Document Object Model)和JavaScript,使得网页能够响应用户的交互,如鼠标悬停、点击或页面滚动时更改内容、动画效果等。例如,使用CSS的`:hover`伪类和JavaScript的...

    Ajax学习笔记

    ### Ajax学习笔记 #### 一、解释Ajax Ajax(Asynchronous JavaScript and XML)是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量的数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新...

    互联网软件应用与开发学习笔记.pdf

    本文档提供了互联网软件应用与开发学习笔记,涵盖了多个方面的知识点,包括项目管理、Web开发、数据库技术、网络协议等。 项目管理 调度是项目管理中的一种重要活动,旨在平衡人员、资源、应用风格和开发技术手段...

    web开发技术原理学习笔记

    Web开发技术原理学习笔记主要涵盖了HTTP应用、HTTP客户端和服务器端开发、HTML基础及高级语法、脚本语言和客户端脚本应用,以及服务器端CGI程序。以下是对这些知识点的详细解释: 1. **HTTP应用**: - HTTP客户...

    DOM - 学习笔记

    此外,DOM还允许开发者访问和操作CSS样式,结合CSS(级联样式表)和JavaScript,可以实现动态HTML(DHTML),使得网页不仅有静态内容,还能根据用户交互改变样式和内容,提供丰富的用户体验。例如,通过改变元素的...

    南师大教育技术学考研笔记JavaScript入门经典.docx

    本文将从南师大教育技术学考研笔记的JavaScript入门经典内容出发,详细解析JavaScript的基础知识。 首先,JavaScript是一种解释型的脚本语言,与编译型语言不同,它不需要预先编译即可在浏览器环境中执行。尽管...

    DOM学习笔记

    ### DOM学习笔记知识点详解 #### 一、DOM与DHTML基础概念 - **DOM (Document Object Model)**:文档对象模型,是一种与平台和语言无关的标准接口,它将XML或HTML文档定义为树形结构,其中每个节点都是文档中的一个...

Global site tag (gtag.js) - Google Analytics