2015-09

スポンサーリンク
jQuery

jQueryでスライドショーを作ってみる

タイトルの通りです。簡単なスライドショーを作成してみました。 サンプルコードの実行結果はこちら
jQuery

jQueryで表示・非表示サイドバーを作ってみる

今回の内容は、クリック操作によってWebページの左側に格納できるサイドバーを作成します。サンプルコード上に詳細をコメントアウトしました。サンプルコードの実行結果はこちら
jQuery

ボタンにカーソルを乗せたとき色々と効果を付けてみる

今回は、ボタンに色々な効果を付けてみます。サンプルコードの実行結果はこちら サンプルコードでは9つのボタンが表示されていますが、効果は3種類あります。左1列、中央列、右1列で別々の効果がでるようになっています。詳しい説明は...
jQuery

jQueryで聖剣伝説に出てくるリングメニューを作ってみる

タイトルの通り、聖剣伝説で登場する円状に広がるリング状のメニューを今回紹介します。 サンプルコードの実行結果はこちら 今回使用するプラグインの名前は「flowernav」といいます。デモはこちらです。ただ、公式サイト...
javaScript

サーバーとデータのやりとりをする

Ajaxで重要なものは、XmlHttpRequestオブジェクトを利用した非同期通信です。サンプルコードの実行結果はこちら HTTPリクエストを送る順番 サンプルコードの21行目~49行目にコメントを付しました。 そち...
javaScript

Ajaxってなに?

Ajax(エイジャックス)は、Webアプリケーション(Webブラウザを基本とするアプリケーション)のための色々な技術の総称です。ここ10年くらいのネットの世界で効くようになった用語です。 特徴の1つが、Webサーバーとデータのやりとり...
javaScript

DOMを使ってアニメーション

スタイルシートでは、要素の表示位置をtop(上端)left(左端)といったプロパティで設定できます。要素の配置方法を指定するpositionプロパティは、初期値であるレイアウトを自動で行static以外に設定する必要があります。 ab...
javaScript

DOMを使用して、スタイルを動的に変更する

HTMLの見た目をよくするためにスタイルシートを使用することが普通です。綺麗なウェブページのレイアウトには、スタイルシートが利用されています。DOMを使用すると、スタイルシートのプロパティを操作できます。フォントの大きさや、背景色を変更する...
javaScript

document内の好きな要素にアクセスする

HTMLドキュメントやXMLドキュメントのすべての要素に、階層構造で接続できるようにした仕組みのことを、DOM(Document Object Model)と呼びます。DOMはW3Cという標準化団体で定められた仕組みで、javaScript...
javaScript

オブジェクトにメソッドを追加する

通常のオブジェクトと同様に、ユーザー定義のオブジェクトにもメソッドを登録することができます。前回作成したPersonオブジェクトには、name,heightプロパティがありましたが、メソッドはありません。 今回はPersonオブジェク...
スポンサーリンク
タイトルとURLをコピーしました