TAGS: LightSwitch | jQuery | プラグイン | radio | checkbox | フォーム
LightSwitchは、Webページのradio/checkboxボタンをカッコウ良く見せるiPhone風に変貌するjQueryのプラグインです。



使い方は簡単


1)JavaScriptコード

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.lightswitch.js"></script>
<script type="text/javascript">
$(function(){
    $('input').lightSwitch();
});
</script>


2)通常のcheckboxやradio定義
<input name="checkbox0" id="showhide" type="checkbox" value="yes" />チェックボックス <input type="checkbox" />


デモ

Sponsored Link


有关作者
Syboos.jp編集長システム設計や開発、保守運営などを行ってます。オープンソース技術に興味があります。

Comments

用户名 (required)

Email (will not be published) (required)

URL

Evaluation