checkbox в стиле iPhone

Категория JavaScripts (jQuery, AJAX)

jquery iphone checkbox checkbox в стиле iPhone Checkbox’ы в стиле Iphone с помощью плагина к jQuery

Посмотреть пример / Скачать исходники

<SCRIPT src="jquery-1.3.2.js" type="text/javascript" charset="utf-8"></SCRIPT>  - загрузка jQuery<SCRIPT src="iphone-style-checkboxes.js" type="text/javascript" charset="utf-8"></SCRIPT> - загрузка плагина

<LINK rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8"> - загрузка стилей

<SCRIPT type="text/javascript" charset="utf-8">
$(document).ready(function() {
$(':checkbox').iphoneStyle();
});

$(':checkbox').iphoneStyle({
checkedLabel: 'YES',
uncheckedLabel: 'NO'
});
</SCRIPT>

Не забудьте удалить комментарии.
Плагин, стили и картинки найдете к исходниках.

Текст включенного или выключенного чекбокса можно поменять в файле iphone-style-checkboxes.js, строка 200 (// Text content of “on” state) и 201 (// Text content of “off” state)

Другие посты, близкие по теме:

  1. Загрузка файла одним кликом
  2. Развертывание / сворачивание блока с текстом на jQuery
  3. Движение картинки при наведении курсора
  4. Загрузка выпадающего списка AJAX
  5. Вводный курс jQuery – Тест
]]>

Добавить в закладки
Memori БобрДобр Google Яндекс Твиттер del.icio.us Мистер Вонг МоёМесто MyScoop RuSpace Сто закладок

]]>

Теги:

марта 16, 2010

3 комментариев по “checkbox в стиле iPhone”

  1. ]]>Rat]]> сказал:
    марта 28, 2010 в 03:55

    Смотрится очень интересно :)

  2. ]]>Егор]]> сказал:
    июня 1, 2010 в 19:08

    На сайте использую JQuery 1.4.2. С ней почему то не работет.

  3. ]]>LD]]> сказал:
    июля 12, 2010 в 17:32

    А под IE6 этот чекбокс работает?

Оставьте комментарий: