Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj05.08.2010, 10:19 (UTC)    
Mesaj konusu: Jquery Buton - Fakedesign

1.Adım: Butonun Tasarlanması
Photoshop Veya Başka Bir Programda Butonumuzu Tasarlıyalım Smile


Her İki Butonun Aynı Boyutlarda Olması Gerikiyor.
2.Adım: HTML Sayfa İçerisine Aktarma
<!-- Jquery -->
<div id="kapsa">
<img id="renksiz" src="bt1.png" alt="" />
<img id="renkli" src="bt2.png" alt="" />
</div>
<!-- Jquery -->
3.Adım: CSS İle Konumlandırma
#kapsa
{
width:174px;
height:48px;
}
#renkli
{
width:174px;
height:48px;
}
#renksiz
4.Adım: JQuery İle Animasyon

<script type="text/javascript">
Tagları Arasına Kodu Eklemek.
</script>

$(document).ready(function(){
$('#kapsa').hover( gizle, goster );
function gizle(){
$('#renksiz').fadeOut('slow')
}

function goster(){
$('#renksiz').fadeIn('slow')
}
});

{
position:absolute;
width:174px;
height:48px;
}

Son Halini Görmek İçin "http://fake-design.tr.gg/buton.htm"
Mesaj05.08.2010, 10:20 (UTC)    
Mesaj konusu:

Kodları paylaşırken code butonunu kullanın. Wink
______________
"Ya olduğun gibi görün, ya göründüğün gibi ol."
Hz.Mevlana
Mesaj05.08.2010, 10:25 (UTC)    
Mesaj konusu:

Valla Unutmuşum 2Yılldan Beri Very Happy
Mesaj05.08.2010, 10:26 (UTC)    
Mesaj konusu:

fake-design yazmış:
Valla Unutmuşum 2Yılldan Beri Very Happy


Bundan sonra dikkat edersiniz artık.. Smile

Ayrıca güzel bir paylaşım olmuş.
Teşekkürler. Wink

______________
"Ya olduğun gibi görün, ya göründüğün gibi ol."
Hz.Mevlana
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu