<html>
<style type="text/css">
div.KucukKutu { width:10px; height:10px; border:1px solid #e4e4e4; position:absolute; }
body { background-repeat:no-repeat; background-position:top center; }
</style>
<script type="text/javascript">
function ArkaPlan(Ne){
//document.body.style.backgroundColor=Ne.style.backgroundColor;
document.body.style.backgroundImage=Ne.style.backgroundImage;
}
</script>
<body>
<div class="KucukKutu" style="left:700px; background-color:#FFCC33; background-Image:url(Wallpaper0027.jpg)" onClick="ArkaPlan(this)"></div>
<div class="KucukKutu" style="left:720px; background-color:#33FF66; background-Image:url(1777_1024.jpg)" onClick="ArkaPlan(this)"></div>
<div class="KucukKutu" style="left:740px; background-color:#CCFF33; background-Image:url(1997_1024.jpg)" onClick="ArkaPlan(this)"></div>
|
 |
<select name="schemesel" onChange="document.body.bgColor=this.value" size="1" style="background-color:
rgb(57,57,57); color: rgb(255,255,255)">
<option value="000000" selected>SİYAH </option>
<option value="0000FF">MAVİ </option>
<option value="A0A0A0">GRİ </option>
<option value="E9E900">SARI </option>
<option value="A0A0FF">ŞAFAK MAVİSİ </option>
<option value="C70000">KIRMIZI </option>
<option value="FFFFA0">AÇIK SARI </option>
<option value="F0F0FA">İNCİ BEYAZI</option>
<option value="FF00FF">MOR </option>
<option value="00FFFF">TURKUAZ </option>
</select>
|
<html>
<head>
<style type="text/css">
div.KucukKutu {position:absolute; width:10px; height:10px; border:1px solid #e4e4e4; }
body { background-repeat:no-repeat; background-position:top center; }
</style>
</head>
<script type="text/javascript">
function ArkaPlan(Ne){
//document.body.style.backgroundColor=Ne.style.backgroundColor;
document.body.style.backgroundImage=Ne.style.backgroundImage;
}
</script>
<body>
<div class="KucukKutu" style="left:700px; background-color:#FFCC33; background-Image:url(Wallpaper0027.jpg)" onClick="ArkaPlan(this)"></div>
<div class="KucukKutu" style="left:720px; background-color:#33FF66; background-Image:url(1777_1024.jpg)" onClick="ArkaPlan(this)"></div>
<div class="KucukKutu" style="left:740px; background-color:#CCFF33; background-Image:url(1997_1024.jpg)" onClick="ArkaPlan(this)"></div>
</body>
</html>
|
Bu içerikle ilgili henüz herhangi bir yorum yapılmamıştır. Bu içerikle ilgili Yorumunuzu eklemek için
burayı tıklayınız.
Basit bir forma ait nesnelerin javascript yardımı ile kontrol edilmesi
Bir textbox yardımı ile ekrandaki bir çiçeğin girilen koordinatlara göre hareketini sağlayan uygulam...
Date() ve Random() kullanılarak yapılmış bir sayı tahmin oyunu
HTML derslerinde tablolarla ilgili sayfalarımızda bir çok parametre öğrenmiştik. Ayrıca CSS dersl...
Çok küçük kodlarla oluşturulmuş harika bir DHTML menü örneği
Basit javascript kodlarıyla yapılabilen bir tab menü uygulaması
