iPhone Style jQuery Checkbox

Tem 11, 2010 1 Yorum

This plugin enhances standard HTML checkboxes and gives them an iPhone-like styling.

Ever wanted those flash iPhone on/off toggle switches on your webpage? Love jQuery? Well then I’ve got something special for you. iphone-style-checkboxes implements the iPhone toggles as replacements for standard HTML checkboxes. Simply run the script and your site will be updated with these specialized controls. Best of all, the underlying checkbox is not touched and backend system will never know the difference. The change is purely visual.

Başlıktan da anlayacağınız gibi pluginin iPhone Stilinde On OFF olarak default ayarlarıyla gelen fakat isteğe göre biçimlendirilebilecek bir plugin.

İster checkbox isterseniz bir seçim tuşu olarak kullanabileceğiniz, diğer hoş pluginlerden biri daha..

http://www.jquerydesign.com/wp-content/uploads/download.png http://www.jquerydesign.com/wp-content/uploads/jd-demo1.png

Documantation / Kaynak kod ve Açıklaması

Araçlar, Pluginler

Yazar Hakkında

jQueryDesign.com Takipçilerine, paylaşımlarda bulunmayı seven, jD ailesi başkanı.

1 Yorum to “iPhone Style jQuery Checkbox”

  1. HasanG dediki:
    16 Ağustos 2011, 20:00

    Uygulamayı ilk burada görmüştüm: http://labs.engageinteractive.co.uk/itoggle/

Yorum Bırakın

CSS Konuları

jQuery ile Pull Out İçerik Paneli

Pull Out content panel’den kastımız web sayfasının aşağı doğru sonuna gelindiği taktirde alt kısımda oluşan içerik panelinden başka birşey değildir. Fakat bu oluşum yeni web sitesi tarzları ve kullanıcıya bir alternatif sunabilmek için yapılabilecek muntazam bir eklentiye benziyor.Pek çok webmaster, içeriklerini ekranına sığdırabilmek denemedikleri yol kalmıyor. Dolayısıyla bu hem internet sitelerinde karışıklığa hem de kullanıcının [...]

jQuery – CSS Stack (Yığın) Menüsü

Zingocan da, şu konuda bahsettiğim jQuery Menü’süne alternatif olarkak CSS özelliklerinden de yararlanılmış stack menü.. javascript kısmı diğer plugine çok benzese de asıl plugini amacı çok farklı .Menüden oluşan pluginlere özellikle bir de hover metodu uygulanmış ve bu menülerin üzerine gelindiğinde hoş bir tasarım oluşmakta.. Ayrıca sağ tarafta ise plugini açıklayan güzel bir javascript mevcut.. [...]

CSS Dersleri -2 [Stiller]

CSS Text Stilling denilen Yazı stilleri, yazılara stil kazandırma özelliklerini göstereceğim.. Bu özellik bir kaç bölümden oluşacaktır. İlk olarak; Yazı Renkleri (Text Color): CSS üzerinde çalışırken renk ayarlarını 3 şekilde gösteririz. Bunlar; İsim – Rengin ingilizce ismi, Örneğin; red, green, black gibi. RGB – RGB Değeri girerek, Örneğin;”rgb(255,0,0)” Hex – Hex değeri olarak geçen, türkçeye [...]

Yeni Başlayanlar için CSS

CSS adına birkaç tane kural söyledikten sonra ufak bir örnekle derslerimize başlayalım; CSS kodlarını yazarken mutlaka seçicileri kullanmalıyız. CSS içeirsinde bir takım özel seçiciler mevcuttur. Bunları kullanmak için seçici adını girdikten sonra stil değerini iki süslü parantez ( { …. } ) arasına girmeliyiz. Diğer seçicileri kullanırken  class seçicisinin önüne . (nokta) id seçicilerinin önüne [...]

jQuery Kayıt Formu [PHP + JQUERY + CSS3]

jQuery pluginlerinin artık her yerde kullanıldığı ve Ajax adı altında yıllarca sunduğumuz hikayenin adını jQuery ile değiştiği bu dönemlerde her nesneye uygun bir jQuery Plugini bulmak  artık çok kolay.. jQuery Plugin kütüphanesi içerisinde binlerce farklı örneği olan form Pluginlerinden bir tanesidir. Tutorialzine Pluginlerinden olan jQuery Signup formu aşağıda verdiğmiz açıklamalar ile kendinize uyarlayabilirsiniz. Kullanım ve [...]