Let's use this simple JavaScript example code, CSS button code to replace the boring default button of browsers by Simply Button v2. These super sexy buttons have a lot of advantages from the default buttons:

- Buttons size to fit your any text.
- There are 3 states: Inactive, Active, and Hover.
- They look and behave the same way in every browser and operating system.
- The do not need the JavaScript to work, they work with just the CSS button style.
- Way better looking CSS button codes than what anyone else can do with XHTML/CSS, isn’t that reason enough?!

Deciding where to go to lunch can take longer than simply going to lunch when more than one person is involved in the decision. This JavaScript takes the pain out of figuring out where to go by randomly presenting a choice. This could save many developers a lot of time debating!

When a user moves the mouse over the button, it will change text. When the mouse is moved away, the text will change back. Perfect for adding short instructions on a submit button.

You can use this JavaScript to make the scrolling text in the button. Additionally, size of button was also changed.

By using string manipulation and setTimeout, you can have the letters on a button 'scroll'. Run the code for an easy example.

Creates a list of buttons. If there are too many buttons in a list, they can be scrolled.

This JavaScript shakes the form buttons. You can set the shaking speed of each button.

(Internet Explorer Only) Move your mouse over the button and watch it fade to another color and then fade back to original color once you move your mouse off. The message on the button will even change after you click on it!

This script takes simple DIV elements and makes them change state when you mouseover, mouseout, and press on them.All you have to do is create your DIV elements, create 3 stylesheet rules, and run a javascript command for each 'class' of button.

This JavaScript lets you click a button & see the text inside that button, as more text appears the button gets larger.