nuxoe.com logo

Javascript ve Css ile Saydamlık

 Wednesday, January 9, 2013 Wednesday, January 9, 2013 13013 13013 Kez Okundu Web Tasarım Web Tasarım

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 338 Yazı Bulunmaktadır.

En Çok OKunanlar En Çok Okunanlar
Son Yorumlananlar Son Yorumlananlar
Etiketler Etiketler