nuxoe.com logo

Javascript ve Css ile Saydamlık

Wednesday, January 9, 2013 Wednesday, January 9, 2013 12748 12748 Kez Okundu Web Tasarım Web Tasarım
Javascript ve Css ile Saydamlık javascript css jquery

Sitelerimizde saydam yapmak istediğimiz nesneleri javascript ve css yardımı ile saydam yapabiliriz. Bunun için aşağıda javascript fonksiyonunu sayfamızın head tagı arasına yazalım.

function makevisible(cur,which){
strength=(which==0)? 1 : 0.2;
if (cur.style.MozOpacity){cur.style.MozOpacity=strength}
else if (cur.filters){cur.filters.alpha.opacity=strength*100}}

Daha sonra da saydam yapacağımız nesneye aşağıda yazılan kodu ekleyelim.

style="filter:alpha(opacity=20);-moz-opacity:0.2"
onMouseout="makevisible(this,0.2)" onMouseover="makevisible(this,0)"

Örnekte saydamlık derecesi 0.2 olaraka alınmıştır. Bu değeri azaltıkça saydamlıkta azalmaktadır.
 

Böylece yukarıda kodu eklediğimiz nesne saydam hale gelmiştir. Bunun örneğini yukarıda ki menüden en sondaki `Rss` menüsünün üzerine gelerek açılan menüde görebilirsiniz.
İyi Çalışmalar.
 
Mesaj Kutusu MESAJ KUTUSU

Henüz Yorum Yapılmamış.

KATEGORİLER SİTEDE ARA
Sınav Tarihleri
Tinkercad Sınıfa Giriş
KATEGORİLER KATEGORİLER

Web Sitemizde 23 Kategori'de, Toplam 336 Yazı Bulunmaktadır.

En Çok OKunanlar En Çok Okunanlar
Ben Kimim Hakkımda Kişisel Site -Yusuf PALABIYIK

Ben Kimim Hakkımda Kişisel Site -Yusuf PALABIYIK

3.05.2013 3.05.2013 295481 295481. kez okundu
HEM Bilgisayar Kullanım Kursu 1. Modül Sınavı

HEM Bilgisayar Kullanım Kursu 1. Modül Sınavı

27.02.2013 27.02.2013 191089 191089. kez okundu
HEM Bilgisayar Kullanım Kursu 2. Modül Sınavı

HEM Bilgisayar Kullanım Kursu 2. Modül Sınavı

28.02.2013 28.02.2013 113844 113844. kez okundu
23-24 Nisan’da ek ders ücreti verilecek mi?

23-24 Nisan’da ek ders ücreti verilecek mi?

23.04.2013 23.04.2013 95962 95962. kez okundu
HEM Bilgisayar Kullanım Kursu 3. Modül Sınavı

HEM Bilgisayar Kullanım Kursu 3. Modül Sınavı

5.03.2013 5.03.2013 77747 77747. kez okundu
HEM Bilgisayar Kullanım Kursu 4. Modül Sınavı

HEM Bilgisayar Kullanım Kursu 4. Modül Sınavı

13.03.2013 13.03.2013 77706 77706. kez okundu
Son Yorumlananlar Son Yorumlananlar
KİMDİR BU ? Tekniği Değerlendirme Programı Excel

KİMDİR BU ? Tekniği Değerlendirme Programı Excel

2.04.2024 2.04.2024 tuğba yıldız tuğba yıldız
Afiş Dergi Davetiye Tasarımı Yapılır

Afiş Dergi Davetiye Tasarımı Yapılır

20.03.2024 20.03.2024 YUNUS BA?ÇI YUNUS BA?ÇI
Okul Tanıtım Afiş ve Broşürleri

Okul Tanıtım Afiş ve Broşürleri

13.03.2024 13.03.2024 Fatma Korkmaz Fatma Korkmaz
KİMDİR BU ? Tekniği Değerlendirme Programı Excel

KİMDİR BU ? Tekniği Değerlendirme Programı Excel

11.03.2024 11.03.2024 Şükran Kılıç Şükran Kılıç
Ford Motor Yağ Değişim Zamanı Uyarısını Sıfırlama

Ford Motor Yağ Değişim Zamanı Uyarısını Sıfırlama

11.12.2023 11.12.2023 Feza DİLEK Feza DİLEK
Excel Hisse Takip Programy v2.5

Excel Hisse Takip Programy v2.5

14.09.2023 14.09.2023 mehmet a mehmet a
Etiketler Etiketler
1. Dönem 1. Hafta 11. Hafta 12. Hafta 13. Hafta 14. Hafta 15. Hafta 16. Hafta 17. Hafta 2. Dönem 2. Hafta 3. Hafta 4. Hafta 5. Hafta 5. Sınıf 6. Hafta 6. Sınıf 7. Hafta 7. Sınıf 8. Sınıf Aile Yardım Bildirimi Arduino asp asp tarih BT ve Yazılım Buton buzzer css davetiye derece programı Destekleme ve Yetiştirme Kursu dilekçe Elma Topla Etiketler excel excel makro ford google hem kursu hem sınav javascript Joystick jquery kademe programı klasörleri gizleyen klavye kodlama Kurs programı LDR led makro mblock meb Potansiyometre Projeler resim sergisi şakacı penguen Scratch şiir davetiye Sınav tiyatro davetiye Tübitak 4006 tübitak davetiye vba video indirme wallpaper win10 win7 Windows
Daha Fazla Etiket