スポンサーサイト





上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

タグ :

   印刷ボタン       この記事に拍手する       このエントリーをはてなブックマークに追加

Return to page top

  • Comments (Close): -
  • TrackBack (Close): -

class値での指定

  • Posted by: javascriptmania
  • 2011-05-18 Wed 18:07:14
  • jQuery




クラスを利用してCSSを指定する場合は、各タグにclass属性を追加します。そしてクラスに対してCSSを指定する場合は、

タグ名 . クラス名 {

}

という具合にCSSを記述します。

では、画像に blue というclass属性をつけ、枠線を青色にしてみます。

<html>

<head>

<style type="text/css">
<!--

img.blue {
border: 1px solid blue;
}


-->
</style>

</head>

<body>

<img class="blue" src="http://dl.dropbox.com/u/4064520/scene_2.jpg">

</body>

</html>


実行結果 :
20110518_1
では、jQueryで画像の枠を赤にしてみましょう。

<html>

<head>

<style type="text/css">
<!--

img.blue {
border: 1px solid blue;
}

-->
</style>

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">

google.load("jquery", "1");
google.setOnLoadCallback(function() {
$(function() {
$('.blue').css('border','solid red');
});
});

</script>

</head>

<body>

<img class="blue" src="http://dl.dropbox.com/u/4064520/scene_2.jpg">

</body>

</html>


実行結果 :
20110518_2
関連記事

タグ :

   印刷ボタン       この記事に拍手する       このエントリーをはてなブックマークに追加

Return to page top

Comments:

Comment Form
Only inform the site author.

Trackback+Pingback:

TrackBack URL for this entry
http://javascriptmania.blog111.fc2.com/tb.php/42-dce77172
  • 閉じるボタン
月別アーカイブ
リンク
カテゴリ
RSSリンクの表示
QRコード
QR
最新コメント
最新トラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。