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

Limited time: 10% off ad! Use promo code "10pctoff"