Javascript Uygulama / Filitre 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

Filitre Uygulamaları

<html>
<head>
<title>java</title>
<style type="text/css">
img { border:10px solid #CCFF33; filter:alpha(opacity=20); opacity: .2; }
</style>
</head>
<body>
<script type="text/javascript">
<!--

function Gozuk(Resim){

	Gozukme();

	Resim.style.cssText="filter:alpha(opacity=100); opacity: 1;";

	
}
function Gozukme(){

	Resimler=document.getElementsByTagName("img");

	for(i=0; i<Resimler.length; i++){
	
		Resimler[i].style.cssText="filter:alpha(opacity=20); opacity: .2;";
	}
}

//-->
</script>

<img src="resimler/3.gif" width="260px" height="260px" onmouseover="Gozuk(this)" onmouseout="Gozukme()" />

<img src="resimler/3.jpg" width="260px" height="260px" onmouseover="Gozuk(this)" onmouseout="Gozukme()" />

<img src="resimler/4.jpg" width="260px" height="260px"  onmouseover="Gozuk(this)" onmouseout="Gozukme()" />

</body>
</html>

18,964 Okunma Henüz yorum yapılmamış 19/07/2007 18:27:08

Yorumunuzu Ekleyin

Javascriptle Form Kontrolü

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

32,374 okuma,

Sayı Tahmin Oyunu

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

26,187 okuma, 01/10/2024

Arka Plan Uygulamaları

24,937 okuma,

Dinamik İçerik Eklemek

24,367 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,347 okuma,