When Exporting a Rollover Button the files that will be created and exported will be based on the three-states (normal, mouse over and mouse click).
Rollover Button Export
To export your Rollover button click on the Export button in the control panel and select the destination and format of the file in which the button will be exported (.jpeg, .gif, .png).
You may preview the Rollover button you have created by clicking on the Preview button.
Finally, when ready to export your button, simply click on the Export button. A window will open highlighting where each of the three files (Normal, Mouse Over, Mouse Click) have been exported to and offering you the code you will have to add to your HTML pages - JavaScript (traditional) or CSS (no preload) options. You might want to use the Copy option to copy the entire code to your web page. A sample html page will also be available where you will be able to see your rollover button.
Javascript and CSS
To achieve the mouse over and mouse click effect you need to switch between three images. The different options to do this are the JavaScript (traditional) and CSS (no preload) options
JavaScript (traditional) option
When using JavaScript the images - basically the images for the normal, mouse over and mouse click states - need to be preloaded to create a rollover effect. This introduces an additional time overhead because of the multiple HTTP requests needed. Also, certain browsers may not cache the additional images properly resulting in loading delays.
CSS (no preload) option
In order to reduce the time needed to display the rollover images there is the alternative based on the CSS option which does not require preloading.
In the case of the CSS option you would be adding all states into one image that makes dynamic changes faster. This reduces the loading time and thus the display of the rollover image itself.
Free buttons by webbuttonmaker.com
Button maker by Likno Software