jQueryによるCSSクラスの変更

jQueryによるCSSクラスの変更 – メディアデザイン実習JON/OFFボタン

onoff_capt

■動作デモ
http://dev.koekatamarin.com/zokei/onoff/

■概要
jQueryの簡単なサンプルです。

■このサンプルで使っているjQueryの機能
・toggleClass() によるクラスの切り替え

■ポイント
動的にページの見た目を変更するには、jQueryでCSSクラスを切り替る方法があります。
変化前と変化後のCSSクラスをあらかじめ定義しておいて、jQueryでHTMLタグの class=”” の中身を書き換えると、クラスが変わって、スタイルも変わります。

■コード

HTML側(index.html)

JavaScript側(script.js)

CSS側(style.css)




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です