animate() で素早く上下に動くボックスを作る 今回は animate() 関数を使ってクリックすると素早く上下に動くピンク色のボックスを作ります。 ＜サンプル＞ 下のピンク色のボックスをクリックすると素早く上下に動きます。 // ＜Htmlソース＞ <div> 要素だけのシ</div>…
jQuery の「animate」で伸びるバーを作ってみよう 今回は jQuery の「.animate()」APIを使って横に伸びるバーを作成します。 ＜サンプル＞ 横に伸びるバーは div 要素の横幅を .animate() で拡大して実現しています。下のピンク色のボックス（idは"nobi-box"…
CSSでタイル風メニューを作る 今回はテーブルを使わずにタイル風のメニューを作る方法を説明します。 ＜手順説明＞ まず最初にメニューの数だけ <div></div> タグを用意し、その中にメニューに使う文字列を入力します。 Htmlソースコード <div>Google</div><div>MSN</div><div>Yahoo</div><div>Apple</div><div>Microsoft</div><div>J</div>…
absolute と relative の違いを考える CSS で要素の位置（Position）を指定する時に設定する「absolute」と「relative」 の使い方の違いを考えてみます。 ＜今回のサンプル＞ div で作成した枠の中に、同じく div で作成した緑色のボックス（div要素）を配置…
ボタンクリックで緑色のボックスを右端に移動する 今回は jQuery を使って、ボタンをクリックすると緑色のボックスが枠の右端まで移動するスクリプトを作ってみよう！ 実行結果サンプル ボタン「BUTTON」を押すとボタンの下にある緑色のボックスが枠の右端の…
HTMLソースが変更されるスクリプト 今回は、jQuery を使用してボタンが押されると HTML ソースコードが変更されるスクリプトを作ってみます。 実行結果 サンプル BUTTON フォルクスワーゲン jQuery + JavaScript jQuery を使って「botan1」という id をもっ…
ボタンが押されると文字列が変更されるスクリプト 今回は jQuery を使って、ボタンをクリックすると文字列が変更されるスクリプトを作ってみます。 サンプル結果 サンプル結果にあるボタンをクリックすると「アメリカの大統領は誰？」という文字列が変更され…
今回は jQuery を使ってマウスポインタの座標を表示する仕組みを作ります。 ～ サンプル ～ マウスポインターを動かすとマウスポインターの現在座標をピクセル単位でリアルタイムに表示します。 結果 jQuery コード jQuery の「mousemove」関数で、ブラウザ…
jQuery と CSS で要素を移動させる 今回は jQuery を利用して <span> 要素を移動させる方法を説明します。 今回のサンプル ピンク色のボックスの下にあるグレーのボタン領域をクリックすると、ピンク色のボックスが5秒かけてゆっくりと右方向に80ピクセル動きます</span>…
CSSと<span>タグでカラーボックスを作る 今回はCSSと<span>タグで色付きのボックスを作る方法を説明します。 ＜CSS＞ CSSで作るボックスの高さと幅、文字とボックスの色の指定。<span></span>をボックス化するために「display」を「block」に指定します。<span>の場合は「display」を「block</span></span></span>…
本家の jQuery ファイルにリンクする 以前の記事で、jQuery ファイルを一旦ローカルにダウンロードしてからリンクして使用する方法を説明しましたが、他にも、jQuery ファイルをダウロードすることなく、jQuery 本家サイトが公開している jQuery ファイルに…
jQuery の公式ダウンロードサイトと日本語リファレンス jQuery とは JavaScript のライブラリのひとつで、Ajax通信やHtml要素の操作など、さまざまな機能をサポートしています。 また、jQuery を利用すると JavaScript のコードを簡略化できるので、コーディ…
jQuery ってなんだろう？ jQuery とは JavaScript の関数を簡略化して利用しやすくしたものです。jQuery の中身（ソースコード）をのぞいてみるとわかりますが jQyery は JavaScript で書かれた関数の塊だと言えるでしょう。 １．jQueryをダウンロードする …
Article 1 (Personal Information) “Personal information” refers to “personal information” as defined in the Personal Information Protection Law, and is information about a living individual, including name, date of birth, address, telephone…
