bugün ki ödevim 4 ve 5. maddeler.
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.
buyrun kodlar==>
<script type="text/javascript">
$(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");
});
$("#tb1").click(function () { $("#button1").css("color",$(this).val());//"$(this).val()" menü degerini göstermemizi saglar...
});
$("#tb2").click(function () { $("#button2").css("background",$(this).val());//"$(this).val()" menü degerini göstermemizi saglar...
});
$('#button1').click(function(){
$("#button1").css("color",$('select').val());
$("#isim").css("color",$('select').val());
});
$('#button2').click(function(){
$("#button2").css("background",$('select').val());
$("#isim").css("background",$('select').val());
});
$('#button3').click(function(){
var bla = $('#text1').val();
alert(bla)
$("h1").css('fontSize',bla);
});
$('#isim').hover(function()
{
location.reload();
});});
</script>
<title>Untitled Document</title>
</head>
<body>
<input id="tikla" type="button" value="tikla" /><br>
<h1 id="isim">Gülseher</h1>
<select id="tb1">
<option value="red">Kirmizi</option>
<option value="blue">Mavi</option>
<option value="grey">Gri</option>
<option value="green">Yesil</option>
<option value="orange">Turuncu</option>
</select><br><br>
<button id="button1">Ilk buton</button> <br><br>
<select id="tb2">
<option selected="selected">SARI</option>
<option selected="selected">KIRMIZI</option>
<option selected="selected">YESIL</option>
<option selected="selected">TURUNCU</option>
</select>
<button id="button2">buton2</button><br>
<p>yazi boyutu : <input id="text1" type="text" name="user"></p>
<button id="button3">buton3</button><br>
</body>
</html>
buyrun kodlar==>
<script type="text/javascript">
$(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");
});
$("#tb1").click(function () { $("#button1").css("color",$(this).val());//"$(this).val()" menü degerini göstermemizi saglar...
});
$("#tb2").click(function () { $("#button2").css("background",$(this).val());//"$(this).val()" menü degerini göstermemizi saglar...
});
$('#button1').click(function(){
$("#button1").css("color",$('select').val());
$("#isim").css("color",$('select').val());
});
$('#button2').click(function(){
$("#button2").css("background",$('select').val());
$("#isim").css("background",$('select').val());
});
$('#button3').click(function(){
var bla = $('#text1').val();
alert(bla)
$("h1").css('fontSize',bla);
});
$('#isim').hover(function()
{
location.reload();
});});
</script>
<title>Untitled Document</title>
</head>
<body>
<input id="tikla" type="button" value="tikla" /><br>
<h1 id="isim">Gülseher</h1>
<select id="tb1">
<option value="red">Kirmizi</option>
<option value="blue">Mavi</option>
<option value="grey">Gri</option>
<option value="green">Yesil</option>
<option value="orange">Turuncu</option>
</select><br><br>
<button id="button1">Ilk buton</button> <br><br>
<select id="tb2">
<option selected="selected">SARI</option>
<option selected="selected">KIRMIZI</option>
<option selected="selected">YESIL</option>
<option selected="selected">TURUNCU</option>
</select>
<button id="button2">buton2</button><br>
<p>yazi boyutu : <input id="text1" type="text" name="user"></p>
<button id="button3">buton3</button><br>
</body>
</html>
H1 İN ÜZERİNE GELDİK SIFIRLADIK==>
Hiç yorum yok:
Yorum Gönder