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]