Dynamic HTML Resource Center

(BGM from Chage & Aska's "Wild Raspberry")


My site Anime Theme is cool and innovative isn't it ^_^ ? Actually most of the effects were created using Dynamic HTML. Dynamic HTML is a combination of HTML and scripting that creates interactive, rich Web pages and is already supported by the 4th generation broswers. It lets you create animations and change the page content dynamically in which these effects may only be done with Java and plug-ins in the past! As the core components of DHTML such as Document Object Model and Cascading Style Sheet become standardized, writing cross-browser and cross-platform codes will become easier and easier. The Web Revolution is comming, and it's time for every Web author to equip with the skill of Dynamic HTML!

Here you'll be able to find some scripts written by myself which may be used freely for personal, non-commercial purpose. You can also find some links to other useful DHTML sites.


Online Desktop Anime Guides Layer-rollover Spinning Globe
Dynamic Spotlights Error Handling Link-rollover

Links & Resources DHTML Forum

Online Desktop

This is a very useful navigation interface. Visitors can explore the site exactly like browsing files on the desktop!

Internet Explorer 5+ and Mozilla (Firefox) version    Netscape 4 version

Supported browsers: IE4+ IE7+ NN7 / NN4   Backward compatibility: No
Legend:
IE4+: Internet Explorer 4 and above
IE7+: Internet Explorer 7 and above
NN4: Netscape Navigator 4
NN7: Netscape 7 and Mozilla (eg. Firefox)

Anime Guides

Like the Anime Theme Ladies on the index page and other SD characters in my site? You can put them in your page! They serve as the guides in your page and look real cool too.

Single-guide version    Double-guide version

Supported browsers: IE4+ IE7+ NN4 NN7   Backward compatibility: Yes
Legend:
IE4+: Internet Explorer 4 and above
IE7+: Internet Explorer 7 and above
NN4: Netscape Navigator 4
NN7: Netscape 7 and Mozilla (eg. Firefox)

Layer-rollover

This section itself was enhanced with the "layer-rollover" script. Using this script, you can have as many sections as you want in your page while they only take up a small part of the screen.

Supported browsers: IE4+ IE7+ NN4 NN7   Backward compatibility: Yes
Legend:
IE4+: Internet Explorer 4 and above
IE7+: Internet Explorer 7 and above
NN4: Netscape Navigator 4
NN7: Netscape 7 and Mozilla (eg. Firefox)

Spinning Globe

You may have seen the Anime Theme spinning globe on some of my pages, but have you ever thought that you can also use it on your page with your own images and styles? Check it out!

Supported browsers: IE4+   Backward compatibility: Yes
Legend:
IE4+: Internet Explorer 4 and above

Dynamic Spotlights

You noticed those spotlight effects on some of my pages didn't you? You can add similar effects on your page with your own styles! Don't miss it!

Supported browsers: IE4+   Backward compatibility: Yes
Legend:
IE4+: Internet Explorer 4 and above

Error Handling

Are you using some scripts in your page and worried about the compatibility issues in different browsers? By using this script, not only can some minor script errors be ignored, but also the visitors can send you bug reports about those unforeseen problems in your scripts.

Supported browsers: IE4+ IE7+ NN4   Backward compatibility: Yes
Legend:
IE4+: Internet Explorer 4 and above
IE7+: Internet Explorer 7 and above
NN4: Netscape Navigator 4
NN7: Netscape 7 and Mozilla (eg. Firefox)

Link-rollover

This is actually a simple example of what can be done by Cascading Style Sheet (CSS). The link color changes when the mouse pointer is placed over a link. Other effects can be added also.

Supported browsers: IE4+ IE7+ NN7   Backward compatibility: Yes
Legend:
IE4+: Internet Explorer 4 and above
IE7+: Internet Explorer 7 and above
NN4: Netscape Navigator 4
NN7: Netscape 7 and Mozilla (eg. Firefox)

Links & Resources

Official Documentations

Other Resources


Dynamic HTML Forum

If you have any questions concerning the use of my DHTML scripts, please post your questions in our Dynamic HTML Forum! Feel free to discuss other DHTML-related issues!


Dynamic HTML Game Center

Come play some Web-based games, all powered by Dynamic HTML!


Anime Theme Guides Control Panel
Keep quiet! Don't follow me!

Using Anime Theme Guides on your page

Forums Anime Shop Vote for Anime Theme Survey Email Me

Get Microsoft Internet Explorer

This site is optimized for Microsoft Internet Explorer.



All scripts and codes used are copyright © 1997-2008 Butz Yung. All rights reserved.

No part of the codes may be copied, distributed or modified without permission.

Return to Anime Theme