What Is DHTML Script?

DHTML is the abbreviation of Dynamic HTML, which is dynamic html (an application under the standard universal markup language), which is a concept of making web pages compared to traditional static html. The so-called Dynamic HTML (DHTML for short) is actually not a new language, it is just an integration of HTML, CSS and client-side script, that is, a page includes html + css + javascript (or other client-side script) ), Where css and client script are written directly on the page rather than the related files on the link. DHTML is not a technology, standard or specification. It is just a web design concept that integrates existing webpage technologies and language standards to create a webpage design that can change the effects of page elements in real time after downloading.

dhtml

DHTML is Dynamic
DHTML is the art of making HTML pages dynamic.
DHTML is a collection of technologies for creating dynamic and interactive web sites.
For most people, DHTML means a combination of HTML, CSS, and JavaScript.
DHTML is based on the original technology and can be divided into three aspects:
One is
It can be seen that DHTML technology is a very practical
DHTML is not a W3C standard
DHTML stands for Dynamic HTML.
DHTML is not
DHTML Supported Filters
Attributes
parameter
description
example
alpha
opacity
finishopacity
style
startx
starty
finishx
finishy
Allows you to set the transparency of the element
filter: alpha (opacity = 20, finishopacity = 100, style = 1, startx = 0, starty = 0, finishx = 140, finishy = 270)
blur
add
direction
strength
Blur elements
filter: blur (add = true, direction = 90, strength = 6);
chroma
color
Make the specified color transparent
filter: chroma (color = # ff0000)
fliph
none
Invert elements horizontally
filter: fliph;
flipv
none
Invert elements vertically
filter: flipv;
glow
color
strength
Make element glow
filter: glow (color = # ff0000, strength = 5);
gray
none
Render elements in black and white
filter: gray;
invert
none
Render elements with inverted color and brightness values
filter: invert;
mask
color
Renders an element with a specified background color and transparent foreground color
filter: mask (color = # ff0000);
shadow
color
direction
Rendering shaded elements
filter: shadow (color = # ff0000, direction = 90);
dropshadow
color
offx
offy
positive
Rendering shaded elements
filter: dropshadow (color = # ff0000, offx = 5, offy = 5, positive = true);
wave
add
freq
lightstrength
phase
strength
Render elements as waves
filter: wave (add = true, freq = 1, lightstrength = 3, phase = 0, strength = 5)
xray
none
Use black and white to display elements with reversed colors and brightness values
filter: xray;
example
  <html>
 <head>
 <style>
 h2
 {
 width: 100%;
 }
 </ style>
 </ head>
 <body>
 <h2 style = "filter: glow ()"> glow </ h2>
 <h2 style = "filter: blur ()"> blur </ h2>
 <h2 style = "filter: fliph ()"> FlipH </ h2>
 <h2 style = "filter: flipv ()"> FlipV </ h2>
 <h2 style = "filter: shadow ()"> Shadow </ h2>
 <h2 style = "filter: dropshadow ()"> Shadow </ h2>
 <h2 style = "filter: wave (Strength = 2)"> wave </ h2>
 <p> Note: If the element's width attribute is not set, the filter will not work.  </ p>
 </ body>
 </ html>
DHTML technology in Netscape 4.x and Internet Explorer 4.x
Netscape 4.x
Cross-browser DHTML
Internet Explorer 4.x
JSS (JavaScript Style Sheet) (allows you to control how different HTML elements are displayed)
Layers (allows you to control the positioning and visibility of elements)
CSS1
CSS2 (allows you to control how different HTML elements are displayed)
CSS Positioning (allows you to control the positioning and visibility of elements)
JavaScript
Visual filters (allows you to apply visual effects to text and graphics)
Dynamic CSS (allows you to control the positioning and visibility of elements)
As long as the attribute characteristics and technologies created by various browsers are not supported by other browsers, coding with DHTML will cause problems. A web page looks great in one browser, but very bad in another.
[2]

IN OTHER LANGUAGES

Was this article helpful? Thanks for the feedback Thanks for the feedback

How can we help? How can we help?