スポンサーサイト

Continue reading

タグ :

  • 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....Continue reading

タグ :

ノーマルアニメーション

  • Posted by: javascriptmania
  • 2011-05-16 Mon 22:25:36
  • jQuery
jQueryを使うと、手品のようなことが簡単にできます。下は、クリックするとdiv要素の内容がアニメーションで消えていくコードです。<html><head><style type="text/css"><!--div { width: 200px; height: 200px; background-color: red;}--></style><script type="text/javascript" src="https://www.google.com/jsapi"></script><script type="text/javascript">google.load("jq...Continue reading

タグ :

イベント

  • Posted by: javascriptmania
  • 2011-05-16 Mon 21:04:21
  • jQuery
通常のJavaScriptにも、onclick などのイベントハンドラがありますが、jQueryでもクリックしたときなど、指定した要素に対する何らかの操作が発生したときに、HTMLやCSSを操作できます。書式は以下の通り。$('セレクタ').イベント(function(){   処理;)};では、ボタンをクリックすると「Hello」の文字が「Yes」に変わるコードを書きます。<html><head><script type="text/javascript" src="https://...Continue reading

タグ :

id値での指定

  • Posted by: javascriptmania
  • 2011-05-15 Sun 21:08:29
  • jQuery
要素をid値で指定してみましょう。まずはCSSの復習から。<html><head><style type="text/css"><!--p#msg { color: blue;}--></style></head><body><p id="msg">Hello</p></body></html>id値が msg である要素の背景色をLimeにしました。実行結果 :id値で指定をするには p#msg のように # を使います。では、jQueryではどうするでしょうか。...Continue reading

タグ :

CSSを操作してみる

  • Posted by: javascriptmania
  • 2011-05-12 Thu 23:06:35
  • jQuery
jQueryを使ってCSSを操作してみましょう。jQueryを使う前のJSSample.html :<html><head><style type="text/css"><!--h1 { color: blue;}--></style></head><body><h1>Hello</h1></body></html>上のサンプルコードでは、ヘッダーでCSSを設定しています。h1の要素について、文字色が青です。実行結果 :...Continue reading

タグ :

  • 閉じるボタン
月別アーカイブ
リンク
カテゴリ
RSSリンクの表示
QRコード
QR
最新コメント
最新トラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。