Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Nút nhấn » Nút đổi ảnh khi rê chuột
URL: https://www.javascriptbank.com/fancy-buttons.html
Hiệu ứng làm thay đổi ảnh nền của nút bấm khi bạn rê con trỏ chuột vào.
Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Nút nhấn » Nút đổi ảnh khi rê chuột
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-->