Javascript Uygulama / Arka Plan Uygulamaları

2. Sınıf Öğrencileri İçin Sunular 1
5. Sınıf Öğrencileri Için Sunular 13
8. Sınıf Öğrencileri İçin Sunular 23
Belirli Gün Ve Haftalar 1
Bilgisayar Donanımları 5
Bilgisayar Programlama 2
Bilgisayar Yazılım 2
Bilişim Teknolojileri Ve Yazılım Temel Bilgisayar 64
Biyografiler 2
Biyoloji 2
Değerler Eğitimi 4
Eba Elektronik Bilişim Ağı 5
Eğitim-Öğretim Sunuları 3
Felsefe 2
İslam 3
Kelime İşlemci 1
Kişisel Gelişim 4
Kodlama, Robotic 4
Ortak Eğitim Proje Sunuları. 2
Problem Çözme Ve Algoritmalar 3
Proje Nedir? Nasıl Yapılır? 1
Rehberlik 16
Sağlık 3
Savaşlar 1
Scratch 1
Seminerler 3
Sınav Kaygısı 2
Sosyal Bilgiler 1
Sosyal Bilgiler 1
Tarih 1
Ulaşım Araçları 1
Verimli Ders Çalışma 1
Web Araçları 0
Windows İşletim Sistemi 1
Yarışmalar 0

Arka Plan Uygulamaları


<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>

24,938 Okunma Henüz yorum yapılmamış 19/07/2007 18:30:07

Yorumunuzu Ekleyin

Javascriptle Form Kontrolü

Basit bir forma ait nesnelerin javascript yardımı ile kontrol edilmesi

32,376 okuma,

Sayı Tahmin Oyunu

Date() ve Random() kullanılarak yapılmış bir sayı tahmin oyunu

26,189 okuma, 01/10/2024

Dinamik İçerik Eklemek

24,368 okuma,

Resim Hareketlendirme

23,928 okuma, 15/10/2024

Tablo İşlemleri Örneği

HTML derslerinde tablolarla ilgili sayfalarımızda bir çok parametre öğrenmiştik. Ayrıca CSS derslerinde sınır çizgileri, dışkenar ve içkenar boşlukları hakkındaki sayfalarımızda birçok özellik yer alıyordu. Bu parametreleri ve stil özelliklerini id ile isimlendirilmiş tüm tablolar üzerinde JavaScript kodlarıyla uygulayabiliyoruz

23,348 okuma,