|
|
|
|
|
|
|
Dynamic HTML refers to technologies that allow documents to be changed after their initial display, without server access, through user interaction and client-side scripting. Page elements can be displayed selectively, then modified, moved or replaced. This ability to move and replace objects allows for the animation of text and graphics. In turn, selective display and replacement can be used for database record retrieval. Personal home pages as well as complex business applications can make use of the technology. Pages look and feel like native operating system applications, and all without straining bandwidth and server links. Currently, there are two versions of DHTML, Netscape's and Microsoft's. Due to this split, some elements that work with Netscape Navigator may not work with Microsoft Internet Explorer and vice versa.
We have provided some of the best DHTML resources for you below as submitted by our visitors and our staff.
|
|
|
|
|
| |
(Showing Links 1-7 of 219)
|
 |
|
Changing the background color of a table cell when the mouse moves over it is a fairly easy trick-- if you are just coding for one browser anyway. To make it work in both browsers, we have to add some extra tags and alter the commands a bit. The trick is getting everything together.
Date Added:
12/29/2006
|
|
There's something about text moving across the screen that fascinates people. Since it was first possible to create moving text in a webpage, by using JavaScript, countless so-called scroller scripts have been created. Have you noticed, however, that most of them are limited to scrolling the text either inside a textbox, or status bar? For example, the below scroller scrolls text inside a textbox:
Date Added:
12/29/2006
|
|
Perhaps you would rather have a smooth animation instead of a sudden movement to a new place. In this section, we'll animate the image to move it to its new destination. This makes things a bit more complicated, but we can get through the rough areas without too much trouble. You may want to read through the JavaScript setTimeout tutorial and the previous DHTML image tutorial if you have not already read them.
Date Added:
12/29/2006
|
|
Adding a page-entry transition to a page is done through the use of a special META tag, so there really isn't any scripting involved- you just need to know the tag. At this time, transitions are only supported by Internet Explorer 4 or better- other browsers will just ignore the meta tag.
Date Added:
11/9/2006
|
|
With Cascading Style Sheets and DHTML, you can create easy rollovers on text and links without the use of images.
Date Added:
11/9/2006
|
|
What if you wanted to move an image out of the way to show you something else? DHTML allows you to do this, and this is what we will do in this tutorial.
Date Added:
11/9/2006
|
|
Here are some explanations and examples of the css positioning and box properties. Use the links above to go straight to a certain category if you wish. Many of these do not yet work in Netscape. You may want to use IE4 to view the examples on this page.
Date Added:
10/12/2006
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| |
|
|
|
|
|