CSS3 ve jQuery kullanarak iOS Stil Düğmesi yapalim

IOS da kullanilan ac kapa buton dugmesini Css3 ve jquery ile harmanlayip islevsel bir uygulama hazirlamaya karar verdim. Daha dogrusu burdaki konuyu gorunce, neden bizde de olmasin dedim. Ilerleyen zamanlarda illaki benimde isime yarayacak bir uygulama, hazirlanmasi ve duzenlenmesi kolay. Ben uygulamalariniza ekleyebileceginiz sekilde hazirladim,

Download (indir) Demo

Ben ilk olarak hazirladigim uygulamanin kodlarini paylasacagim, Gerekli aciklamalari sonlara dogru yapacagim. Yinede uygulamanin kodlarini yazarken gerekli aciklamalari yapmaya calistim.

Default buton degerlerini ayarlamak icin asagidaki alani kendinize gore duzenleyebilirsiniz. Buton acik olacaksa “on”, kapali olacaksa bos birakmaniz gerekli:

Yaziyi yazarken keske “on” kismini “acik” seklinde degistirseydim diye dusundum, ancak gec oldu, bu sekilde idare edelim, kucuk bir aliskanlikdan kaynaklaniyor 🙂

Uygulamada iki tane buton stili bulunuyor, birisi kucuk, digeri buyuk. Farkli bir boyutda olusturmak isterseniz css kisminda duzenleme yapmaniz yeterli olacaktir.

Bir Cevap Yazın