Form
Button Rollover Javascript
Add a rollover effect to form buttons
|
Form
Button Rollover Javascript |
|
|
Summary:
Easy html code to create rollover buttons without slow loading graphics.
Insert this code and transform ordinary form buttons into rollover buttons.
Form Button Rollover
The form rollover javascript allows you to give any form element button a rollover effect on mouseover. You can add this effect to submit buttons, go buttons or whatever and the best part is, you get a real rollover effect without images, which means faster loading pages. Give it a try by running your mouse over the form buttons above! You can use the form rollover effect on a single form button or as in the example above, use it for your site navigation This is a 2 part script, yet it is very easy to configure. The script uses both stylesheets and javascript. If using hex color codes do not add the # sign before the color numbers. Stylesheets do not need the hash sign.
STEP 1 Copy and paste the code below into the <head> of your html document. You change the initial color of the buttons in the style section (top of script) in this step. Nothing else to change.
STEP 2 Copy and paste the code in the text area below, into the body of your html document where you want the buttons to appear on your page. More
or less buttons can be used simply by adding or deleting this part to the
form script . Change the
colors to suit your sites design in both onmouseove & onmouseout. The name for the button is changed at value="your name here" and the url for the link is changed at onClick="jumpto2('http://www.yoururl.com')"
That's it! Enjoy!
|
|
Crop, sharpen, make pictures pop.