JavaScriptで背景色を変更して遊んでみる。

図書館で 改訂新版 JavaScript 例文活用辞典
借りてきて必要な所だけ流し読みして遊んでおります。

色々解説書がある中で
書き方、説明、サンプルと本当に初心者でも
分かるように書いてあって有り難い。

一応以下でも本の内容が読めて書き方が掲載されていますが
基本が分かってない人がいきなり読むと
どこに埋め込めばいいのか分からないかもしれません。
どこかでこの本をちらっとでも読めば使い方が分かるでしょうけど。

OPEN SPACE [ http://www.openspc2.org/ ]

本やネットで調べたら色々出来るんものなんですね。
こんな風に背景色を変更したり中々面白い。


色々なブラウザの確認は面倒だけど
IE8、KIKI、OPERA v9.**、FireFox v3.5*、Chrome 動作確認。

※FC2ブログで使う場合、記事編集の リアルタイムプレビュー では
色は変わりません、プレビューボタンを押して確認します。
改行を HTMLタグのみ にするのを忘れずに。

ソース1
JavaScriptが無効の場合に表示
<noscript>ここに内容</noscript>

ソース2
指定した部分のみ背景色を変更
<div id="col_box_a01">
ここに内容
</div>
<script Language="JavaScript"><!--
document.getElementById('col_box_a01').style.backgroundColor = '#c0c0c0'; // -->
</script>

複数使う場合は緑色の col_box_a01 の部分を他と
かぶらないよう書き換えるのを忘れないように。

こんな風に全体を変更して
読みやすくする方法も便利かも知れません。

以上。

改訂新版 JavaScript 例文活用辞典 [ Amazon ]

OPEN SPACE
にししふぁくとりー


テーマ : ホームページ・ブログ制作
ジャンル : コンピュータ

コメントの投稿

非公開コメント

sidetitleWinXPからWin7へ - 04/09sidetitle
新しいパソコン買い換えなら
PC下取りキャンペーン icon

中古PCのアールキューブ
親切丁寧価格も手ごろ
中古パソコン買うならおすすめ
ブログも購入PCで書き込み中
( レビュー / )

Win7 無印からSP1へ
アップグレード方法
sidetitleAmazon おすすめ - 2017/02sidetitle
sidetitle解析/カウンターsidetitle

sidetitle検索フォームsidetitle
sidetitle最近記事/人気記事sidetitle

sidetitleカテゴリーsidetitle
sidetitle月別アーカイブsidetitle
07  06  05  03  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  03  02  01  12  11  10  09  08  07  06  05  04  03  02  11  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  01  12  11  09  07  02  11  09  08  07 
 

全ての記事を表示する

sidetitleカレンダーsidetitle
06 | 2017/07 | 08
- - - - - - 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 - - - - -
sidetitleトラックバックsidetitle
sidetitleそのほかsidetitle
  • 最近記事のRSS
  • メールフォーム
  • Twitter 気まま

  • sidetitleお礼sidetitle
    このブログはアフィリエイトを
    導入させて頂いております。
    収入は何かを購入し簡易な
    レビューをしております。


    アフィリエイト経由で
    購入して頂いた方に感謝を。
    sidetitleリンクsidetitle






    ブックオフオンライン
    sidetitle楽天 おすすめ - 02/22sidetitle

    旭電機化成
    単4電池が単3になる
    電池アダプター
    ADC-430

    (レビュー)


    メディアプレーヤー
    DN-68631
    フルHD 1080p USB SD
    HDMI接続可能
    MP4 も簡単に視聴可
    [上海問屋]


    USBデータ転送ケーブル
    DN-80196 (関連記事)
    二台のパソコン間で
    大容量データを高速コピー
    [上海問屋]
    sidetitle生産/販売終了sidetitle
    メディアプレーヤー
    DN-MP500
    ( レビュー / / / )
    H.264/HDMI 1080p対応
    TS や MP4 も簡単に視聴可

    山善 18cm卓上扇風機
    ( レビュー )

    ロジクール ワイヤレスマウス
    M305 ダークシルバー

    ( レビュー )

    Nikon デジタルカメラ COOLPIX L21
    ( レビュー )