Kayan Üye Paneli

Yazı tarihi 19.09.2009 jQuery Pluginleri

Kayan Üye Paneli

Ana tasarımınızda fazla yer kaplamayan ve sitenize hoş bir görünüm kazandıracak güzel bir üye giriş paneli hazırlayalım.

Resimde görüldüğü gibi, panelimiz sitenin tepesinde yer alacak. Site açıldığında görünmez olarak ayarladığımız panel isimli div, ziyaretçimiz login linkine bastığında toggle efektiyle aşağıya inecek.

Bunu sağlamak için panelimizin altına iki liste elemanı ekliyoruz.

  • Log In | Register

    •  

    ve javascript ile panelimizi açıp kapatma komutlarını yazıyoruz.

    $(Document).ready(function() { // Expand Panel $("#open").click(function(){ $("div#panel").slideDown("slow"); }); // Collapse Panel $("#close").click(function(){ $("div#panel").slideUp("slow"); }); // Switch buttons from "Log In | Register" to "Close Panel" on click $("#toggle a").click(function () { $("#toggle a").toggle(); }); });

     

    Aşağıdaki örnekle konuyu daha yakından inceleyebilirsiniz.

    Download

    SON BLOG YAZILARI

    RSS Feed

    Abone olun!
    Blog sayfamıza RSS Besleme ile abone olun

    İRTİBAT KURUN

    Bizimle her türlü sorununuz hakkında irtibat kurabilirsiniz. İrtibat adresimiz ve telefonlarımız için iletişim sayfamıza göz atabilirsiniz.


    Telefon: (212) 501 83 98
    Mobil: (535) 363 05 99

    Email: admin@militiaweb.com