After Effects, Photoshop Dersleri, 3DS Max Bilgi Paylaşım Forumları
Şu an ya üyemiz değilsiniz yada giriş yapmadınız, tüm imkanlarımızdan yararlanamıyorsunuz!
Üyemiz iseniz aşağıdaki bağlantılarımızdan Giriş yaparak, üyemiz değilseniz Kayıt olarak kısıtlamayı kaldırabilirsiniz.
En son konular
» 10. Yıldız Kısa Film Festivali Geliyor!
Paz 14 Mayıs 2017, 10:38 tarafından ytusinema

» After Effects Uzmanı Aranıyor (Ankara)
Cuma 14 Nis. 2017, 13:58 tarafından Kün Medya Yapım

» İÇERİ BAK LÜTFEN KAFAYI YİCEM
Salı 11 Nis. 2017, 10:55 tarafından korsankirici

» After Effects - Neon Text Efekti - Ders 8
Perş. 30 Mart 2017, 15:32 tarafından theyamak

» After Effects - Tanıtım Animasyonu Kurumsal - Ders 7
Perş. 30 Mart 2017, 15:31 tarafından theyamak

» After Effects - Retro Intro Yapımı - Ders 6
Perş. 30 Mart 2017, 15:31 tarafından theyamak

» After Effects - Yanma Efekti - Ders 5
Perş. 30 Mart 2017, 15:30 tarafından theyamak

» After Effects - 1 TL İle Pop Filter Yapımı - Ders 4
Perş. 30 Mart 2017, 15:30 tarafından theyamak

» After Effects - ****** Nasıl Yüklenir ? - Ders 3
Perş. 30 Mart 2017, 15:29 tarafından theyamak

Giriş yap

Şifremi unuttum

Kimler hatta?
Toplam 17 kullanıcı online :: 0 Kayıtlı, 0 Gizli ve 17 Misafir :: 2 Arama motorları

Yok

[ Bütün listeye bak ]


Sitede bugüne kadar en çok 1614 kişi Paz 10 Tem. 2016, 20:42 tarihinde online oldu.
Istatistikler
Toplam 12705 kayıtlı kullanıcımız var
Son kaydolan kullanıcımız: EBUSADIK

Kullanıcılarımız toplam 60793 mesaj attılar bunda 6686 konu
En iyi yollayıcılar
haziran
 
boronzox
 
Hale
 
olivon
 
render
 
alpino
 
Joker
 
aloha34
 
mobidik
 
ypr
 

Anahtar-kelime

Sosyal yer imi

Sosyal yer imi Digg  Sosyal yer imi Delicious  Sosyal yer imi Reddit  Sosyal yer imi Stumbleupon  Sosyal yer imi Slashdot  Sosyal yer imi Yahoo  Sosyal yer imi Google  Sosyal yer imi Blinklist  Sosyal yer imi Blogmarks  Sosyal yer imi Technorati  

Sosyal bookmarking sitesinde After Effects, Photoshop Dersleri, 3DS Max Bilgi Paylaşım Forumları adresi saklayın ve paylaşın


Jquey ile Objeleri Gösterme/Gizleme

Önceki başlık Sonraki başlık Aşağa gitmek

Jquey ile Objeleri Gösterme/Gizleme

Mesaj  Admin Bir Ptsi 25 Ekim 2010, 11:18

Merhaba arkadaşlar bir jquey dersinde yine birlikteyiz.Önceki derslerimizde jquery ile ajax işlemleri üzerinde çalışmış ve bazı uygulamalar yapmıştık. Bu dersimizde ise jquery'nin diğer bir harikası olan efekt işlemlerinden gösterme / gizleme (show, hide, toogle) efektlerinden bahsedeceğiz.

Jquery'de gösterme gizleme efektleri 3 tanedir. Bunlar show (gösterme), hide (gizleme), toggle (göster/gizle) 'dır. Şimdi bu efektleri bir örnekle açıklayalım.

Örneğin sayfamızda içeriği resim ve yazılardan oluşan bir div objesi bulunsun. Bu objeye butonlar yardımı ile gösterme/gizleme işlevselliği katabiliriz. Bunu için ilk olarak jquery.js dosyamızı sayfamızın head tagları arasına dahil ediyoruz.

Kod:
<****** src="jquery.js" type="text/javascript"></******>
Daha sonra isimli fonksiyonlarımızı oluşturyoruz ve jquey kodlarımızı yazıyoruz.
Kod:
<****** type="text/javascript">

function goster()
{

$("div#panel").show(100);

}

function gizle()
{

$("div#panel").hide(100);

}

function gostergizle()
{

$("div#panel").toggle(100);

}

</******>
Burada $("div#panel" ) kodu efekti uyglayacağımız objeyi (id değeri panel olan div objesi) seçiyoruz.
.show(100) kodu seçili objeyi görünür hale getiriyor parantez içerisindeki değer (100) ile efektin hızını belirliyoruz.
.hide(100) kodu seçili objeyi gizli durumu getirmemizi sağlıyor.
.toggle(100) kodu ise hem gizleme hem gösterme işlemi yapıyor.Yani seçili obje gizli ise gösterme işlemi görünür ise gizleme işlemi yapıyor.

Son olarak uygulamanın basit bölümünü, butonlarımızı ve objemizi hazırlayarak dersimizi bitiriyoruz.
Kod:
<button Onclick="goster()">Göster</button>
<button Onclick="gizle()">Gizle</button>
<button Onclick="gostergizle()">Göster/Gizle</button>
<div id="panel" style="background-color:#FF9999;height:100;width:200;">Burası içeriğimizin bulunduğu div objesi</div>

______________
<iframe align="center" height="468" width="60" margin="0" src="http://aftereffects.forumotion.com/imza-reklam-h11.htm" border="0" frameborder="0" scrolling="yes"></iframe>
avatar
Admin
Admin
Admin

Varsa Çalıştığınız Firma : Kale Web Solitions
Mesaj Sayısı : 338
Yaş : 34
Nerden : Ankara
Meslek : Webmaster
Kullandığınız Programlar : Hepsinden biraz
Reputation : 18
Puanları : 902
Kayıt tarihi : 26/08/07

Sayfa başına dön Aşağa gitmek

Önceki başlık Sonraki başlık Sayfa başına dön

- Similar topics

 
Bu forumun müsaadesi var:
Bu forumdaki mesajlara cevap veremezsiniz