Forum
Aktif konular
Üyeler
Kurallar
Arama
Üstüne Gelince Değişme Üstüne Gelince Değişme
-
başlıktan pek bi anlatamadım ama :)
burdan uzun uzun yazıyım adını falan filan bilmediğim için..
bi tasarımda mesela üst bölümde siyah bi buton var. mouse ile üstüne gelince bunun rengi yeşil oluyor
bunu nasıl yapabilirim ?
2adet buton resmi olacağını biliyorum yeşil ve siyah.
ama o üstüne gelince değişme olayını nasıl yaparım bilmiyorum..
Teşekkürler.
-
<img onmouseover="javascript:this.src="birinciresim.jpg"" title="r10aldinho" onmouseout="javascript:this.src="ikinciresim.jpg"" src="http://www.tahribat.com/asdas.jpg" width="120" height="25" border="0"></a><br>
böyle bisey simdi cıkmam lazım. bulamazsan sonra söylerim
-
css ile yaparsan daha sağlıklı olur.
http://www.elated.com/articles/css-rollover-buttons/
-
hocam tüm butonlar için etkin bi stil yazabilirsin.
<style>
button{background-img:" siyah resim adresi"; background-color:"yada arkaplan renki // siyah"} //fare üstüne gelmeden buton naısl olacak..
button:hover{background-img:"yeşil resim adresi"; background-color:"yada arkaplan renki // yeşil"} // fare üstüne gelince butonun nasıl olacağı..
</style>
-
$('.buraya site yüklendiğinde gelcek resmin class ı').bind('mouseenter',function(){
$('buraya site yüklendiğinde gelcek resmin class ı').attr('src','buraya yeni buton resim yolu')
});
$('.buraya 2. resmin class ı').bind('mouseleave',function(){
$('buraya 2. buton class ı').attr('src','buraya ilk buton resim yolu')
});
-
yada o 2 resmi alt alta koy tek bi dosya olarak kaydet sprite ile yap onun clası mesala deneme olsun
.deneme hover {
background:url(sprite.png) no-repeat 0 0;
width: ;
height: ;
background-position: 0 ilk butonun height ini buraya yaz px;
}
Kısayol
Şikayet
Özel Mesaj
Alıntı yap
Cevapla