New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact
Categories
Other Sections
Sweet Ads
Compatibility
Bookmark online:

IE5+ Opr7+

Gradient Bar

Note: Code modified by Dynamic Drive to run only in IE (due to slight page-hanging problem in NS)

Description: This is an impressive demonstration of how visual effects can be generated using code- and code only. The below gradient bar is constructed using lines of JavaScript code, not pixels of graphic! Easily modify the bar's gradient colors, it's position and direction, all through the setting of a few variables. Learn from it's source, benefit from the result...

Demo: (Try poking it with your mouse to see that it's really not a graphic :-))


Directions Developer's View

Simply add the following chunk of code wherever you wish the bar to appear. Remember to configure it's colors and direction (either to be vertical or horizontal) afterwards:

Select All