2012年09月10日

CSSをjavascriptで動的切り替え

お願いします♪いいねとかつぶやいたりして下さい
 
まずは、変更したいCSSにIDをつけます。

<link rel="stylesheet" type="text/css" href="style.css" id="mystyle">



<script type="text/javascript"><!--
   function changesytle(cssfile) {
      document.getElementById('mystyle').href = cssfile;
   }
// --></script>


これでCSSファイル名を定義します。

ボタンを作ります。

<a onclick="changestyle('original.css');">CSS切り替え</a>


たったのこれだけでCSSを動的に切り替えることができるんですね!
関連するタグ:
あなたにとって有用な記事でしたか?是非ブックマークしておくことをおすすめします。
 




ライブラリを配布しちゃったり
webデザイン
Fireworks
HTMLコーディング
CSS
Dreamweaver
携帯サイト
webプログラム
PHP
正規表現
cakephp
MYSQL
javascript
webマーケティング
adwords
analytics
windows7
ショートカットキー
おすすめ情報
サイト
facebook
ライブラリ
配布
アプリ
iphone
ipad
サーバー
さくらサーバー
全ての記事を読む




トップ - 最新の記事一覧 - お問い合わせ