ミニマスイッチコントロール

htmlページコントロールのスイッチを使用する必要があり、インターネット版に循環なし既製HTML5は、いくつかありますが、コードの量も大きすぎるのHTMLコントロールのようなので、シンプルにそれらを使用して、別の依存CSSやJSの断片を持って、少し複雑ありませんミニマリストのバージョンと手の書き込みにあまり本質的ではない金メッキアニメーション、需要：

< 前のonclick = "this.c = this.c; style.backgroundColor = C '緑'：！？ ''; innerHTMLプロパティ= C？ '○に'： ''オフ○" 
スタイル= "国境半径：0.7em ;ボーダー：1ピクセルベタ黒;パディング：0 0.4em;表示：インライン;フロート：右」> ○オフ</ プレ>

まず、小さな変化を避けるために、そして第二に、あなたは簡単に埋め＆NBSPずに幅調整の内側の空間を埋めることができ、事前等幅フォント幅の制御を可能にするために、

属性要素cを読み取ることによって、閉じた状態を開きますが、もちろん直接再読み込み要素の属性のトラブルを解消、代わりにグローバル変数の対応するプロパティで標識することができます。

< スクリプト> 
のvar switchState。    
</ スクリプト> 
< 前のonclick = "style.backgroundColorは=（switchState = switchState！） 'グリーンは'： ''; innerHTMLプロパティ= switchState？ '○に？'： ''オフ○" 
スタイル= "国境半径：0.7em ;ボーダー：1ピクセルベタ黒;パディング：0 0.4em;表示：インライン;」> ○オフ</ 前>