Bende yukarıdaki düşüncelerle ve hazırladığım web uygulamasının birinde yandaki resimdeki gibi bir Scrollbar edindim. Pek sık yapmadığım hazır kod editlemenin sonucu hayli elverişli olduğu içinde blog okuyucularımla paylaşmak istedim. Bu scrollbar için facebook haber bandı ilham alınmış ve gayette başarılı olmuş şimdi sırasıyla Asp.Net web uygulamamızda 2 örnek yaparak bu görünüme sahip bir Scrolbar yapacağız.Elbette bu uygulamanın bitmiş halini indirme imkanınızda olacak.Bu ve bundan sonraki Asp.Net web örneklerini Skydrive marifeti ile paylaşmaya karar verdim.Şimdi devam edelim...
Uygulamamızda sırasıyla
2 adet Script referansı
1 adet CSS ve de
1 web formumuz olacak
Web formu içeriğindekilerle başlayalım....
1- <head></head> içerisinde gerçekleşecek yapılandırmalar
head arasında Css ve Java referanslarını konumuna dikkat ettiğinizde googleapis kullandığımızı görüyor olmalısınız.Bu ayrıca şu anlamada geliyor local çalışan web sisteminde yani web erişimi olmayan bilgisayarlarda bu scrollbar çalışmayacaktır.
2- <form></form> içerisinde gerçeklecek yapılandırmalarbirbirinden farklı 2 örnek yapacağız demiştim bu isimler ise aşağıdaki kodda olduğu gibi Scrollbar1-2 olarak adlandırılmıştır.Bu koda göre "mouse over" çalışan bir scrollbar ve ayrıca statik bir scrollbar edinmiş olduk...
Şimdi yukarıdaki işlemlerin web çıktısına bir göz atalımFacebook Jquery ScrollBar -1
Serkan Şenyüz http://sistemdestekuzmani.blogspot.com
Facebook Jquery ScrollBar -2
Serkan Şenyüz http://sistemdestekuzmani.blogspot.com
Ve şimdi bu örneği yakından incelemeniz için indirme linkini aşağıda bulabilirsiniz.
Asp.Web Juery Facebook Scrollbar | Serkan Şenyüz
Yorumlar
Yorum Gönder