Full version: jsB@nk » Form » Button » Fancy Buttons
URL: https://www.javascriptbank.com/fancy-buttons.html
Use this JavaScript to apply a background image to a button, and change the image on mouseover. The script can also change the text color in response to the mouseover event. An eye-catching effect, and a very easy install.
Full version: jsB@nk » Form » Button » Fancy Buttons
URL: https://www.javascriptbank.com/fancy-buttons.html
<SCRIPT language=JavaScript><!--function change2(image){if (event.srcElement.tagName=="INPUT")event.srcElement.style.backgroundImage="url"+"('"+image+"')"}function jumpto2(url){window.location=url}//--></SCRIPT><SCRIPT language=JavaScript><!--function change(color){if (event.srcElement.tagName=="INPUT")event.srcElement.style.backgroundColor=color}function jumpto(url){window.location=url}//--></SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><FORM onmouseover="change2('../image/logojs.gif')" onmouseout="change2('../image/logocuoi.gif')"> <INPUT style="FONT-WEIGHT: bold; BACKGROUND-IMAGE: url('colours.jpg'); COLOR: blue; width: 150px; height: 60px;" onclick="jumpto2('target.htm')" type=button value="Click Me!"> <INPUT style="FONT-WEIGHT: bold; BACKGROUND-IMAGE: url('colours.jpg'); COLOR: blue; width: 150px; height: 60px;" onclick="jumpto2('target2.htm')" type=button value="Click Me Too!"> </FORM><FORM onmouseover="change('lightgreen')" onmouseout="change('mediumseagreen')"><CENTER><INPUT style="FONT-WEIGHT: bold; BACKGROUND-COLOR: mediumseagreen" onclick="jumpto('target.htm')" type=button value="Click Me!"> <INPUT style="FONT-WEIGHT: bold; BACKGROUND-COLOR: mediumseagreen" onclick="jumpto('target2.htm')" type=button value="Click Me Too!"> </FORM><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->