bugün ki konum yukarıdaki görselin hazırlanıp şu işlevleri gerçekleştirmesi=
1-) tıkla butonuna bastığımda butonun ve h1 kısmınının hem arkaplan rengi hemde yazı renkleri değişecek.
2-) ilk butonun üstünden seçtiğimiz renk ilk butonun ve h1 in yazı rengini değiştirecek.
3-)buton ikinin solundan seçtiğimiz renk buton2 nin ve h1 in arkaplan rengini değiştirecek.
4-) buton3 ün yukrısındaki inputbox a yazdığımız değerle h1 in yazı boyutu aynı olacak.
5-) h1 in üstüne geldiğimde verdiğim tüm sınıf özellikleri kalkacak.
ilk gün tıkla butonunun işlevini gerçekleştirdim.
buyrun kodları==>
<script type="text/javascript">
$(document).ready(function(){
$('#tikla').click(function(){
$(document).ready(function(){
$('#tikla').click(function(){
$( this ).css("color","white");
$(this).css("background-color","green");
$(this).css("font","35px");
$( "#isim").css("color","black");
$( "#isim").css("background-color","pink");
$( "#isim").css("font","35px");
});
});
</script>
</head>
<body>
<input id="tikla" type="button" value="tikla" /><br>
<h1 id="isim">Gülseher</h1>
</body>
<input id="tikla" type="button" value="tikla" /><br>
<h1 id="isim">Gülseher</h1>
</body>
tıklamadan önce
tıkladıktan sonra
Hiç yorum yok:
Yorum Gönder