maj 17

Jak zrobić zmieniający się przycisk?

Tag: HTML / CSS,jQueryTI @ 17-05-2011 21:02
Bookmark and Share

Jak zrobić przycisk np. pod formularzem który będzie się zmieniał po najechaniu na niego myszką?

W tym przykładzie zastosowałem plik graficzny zamiast standardowego przycisku daje to większe możliwości.

Przycisk umieszczamy korzystając z html’a:

<input id="sa" src="button-off.png" type="image" />

a całym zmienianiem zajmie się jQuery:

<script src="jquery_lib.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
 	$("#sa").mouseover(function(){
 	    $("#sa").attr('src', 'button-on.png');
 	});
 	$("#sa").mouseout(function(){
 	    $("#sa").attr('src', 'button-off.png');
 	});
});
</script>

Zostaw komentarz