「IT基礎知識」カテゴリーアーカイブ
CSS3を使用したアニメーション
JavaScriptを使わずアニメーションを実現する他の方法は「CSS3 Transition」や「CSS3 Animation」といった機能使う方法です。 「あるプロパティの数値を一定時間かけて変化させる … 続きを読む
Webページの動的変更例２
Webページの動的変更例１の情報バーに「閉じる」ボタンをつけます。そのボタンをクリックすると、情報バーがフェードアウトして消え、それ以降は表示されないようにします（ページをリロードすると、また表示されるようになります） … 続きを読む
jQueryによるDOMの操作
要素を作成 $()の引数に(X)HTML形式の文字列を指定します。 例えば、div要素を新たに作成するには、 // 下記は省略形。$(‘ ‘) でも構わない var div = $(‘ … 続きを読む
Webページの動的変更例１
画面下までスクロールすると、タイミングよく情報バーが表示される、という操作に対応したインタラクティブなUIを作成します。 ステップ1 コンテンツと情報バーのマークアップ ＜HTML＞ ＜CSS＞ ステップ2 jQuery … 続きを読む
Webページを動的に変更する
1つまたは複数の要素を内包したjQueryオブジェクトに対し、様々なメソッドを用いて要素の属性やスタイルを変更することができます。 // alt属性を持たないimg要素に赤いボーダーを表示する $(‘img: … 続きを読む
jQueryのコーディングの基本
Queryをインストール script要素を使用して、jQueryのソースコードを読み込むだけ、以下のコードをHTMLに含めることです。 <script src=”http://code.jquery. … 続きを読む
jQueryのメリット
－DOMの操作が容易になり、Webページの見た目を動的に変更するのが容易になる。 －jQueryはWebブラウザー間の差異を埋めてくれる。 つまり、jQueryを使用すれば、クロスブラウザーで動作するインタラクティブなW … 続きを読む