HTML Buton Olayı

HTML Buton Olayı




<button> BUTON </button>
Butona tıkladığında sayfa ilgili url ye gider
<a href="#"><input type="button" value="BUTON ÜSTÜNDEKİ YAZI" /></a>
Butona tıkladığında sayfa ilgili url yi yeni sekmede açar
<a href="#" target="_blank"><input onclick="this.parentNode.click()" type="button" value="BUTON ÜSTÜNDEKİ YAZI" /></a>
Buton üzerine resim eklemek
<button ><img src="Resim URL"></button>
Tkıla oku buton


<script language="JavaScript">
<!--
var display_text  = "Sitemize hoşgeldiniz "
+ "Size gerekli tüm kodları bulabileceğiniz adrestesiniz  "
+ "     Kodlara kısa sürede ulaşmak için "
var display_text; var place; var meter;
var out = " "; var place = 50;
function scroll_text(){
for (meter = 0; meter < place; meter++){
out += " "
}
if (place >= 0)
out += display_text
else out = display_text.substring(-place,display_text.length)
document.scroll_form.field.value = out
out = " "
place--
if (place < -(display_text.length)){
place = 50
}
setTimeout('scroll_text()',100)
}
</script>
<CENTER>
Butona her tıkladığınızda yazı hızlanacaktır..
<form name="scroll_form">
<input type="button" name="button_one" value="Tıkla oku..." onClick="scroll_text()">
<input type="text" name="field" size="50"><p>
</form>
</CENTER>

Standart buton yerine resim animasyonu eklemek isterseniz
 <a href="#"><img hspace="0" border="0" onmouseout="this.src='RESİM 1 URL';" onmouseover="this.src='RESİM 2 URL';" alt="" src="RESİM 1 URL" /></a>

Mause duyarlı değişebilir buton
 <input type="submit" value="Buraya Tıkla" onmouseover="this.value='http://www.webkenti.net/'" onmouseout="this.value='Buraya Tıkla!'">

0 yorum: