jQuery jQueryでスライドショーを作ってみる
タイトルの通りです。簡単なスライドショーを作成してみました。
サンプルコードの実行結果はこちら
2015-09
jQuery jQuery jQueryで表示・非表示サイドバーを作ってみる
今回の内容は、クリック操作によってWebページの左側に格納できるサイドバーを作成します。サンプルコード上に詳細をコメントアウトしました。サンプルコードの実行結果はこちら
jQuery ボタンにカーソルを乗せたとき色々と効果を付けてみる
今回は、ボタンに色々な効果を付けてみます。サンプルコードの実行結果はこちら
サンプルコードでは９つのボタンが表示されていますが、効果は３種類あります。左１列、中央列、右１列で別々の効果がでるようになっています。詳しい説明は...
jQuery jQueryで聖剣伝説に出てくるリングメニューを作ってみる
タイトルの通り、聖剣伝説で登場する円状に広がるリング状のメニューを今回紹介します。
サンプルコードの実行結果はこちら
今回使用するプラグインの名前は「flowernav」といいます。デモはこちらです。ただ、公式サイト...
javaScript サーバーとデータのやりとりをする
Ajaxで重要なものは、XmlHttpRequestオブジェクトを利用した非同期通信です。サンプルコードの実行結果はこちら
HTTPリクエストを送る順番
サンプルコードの21行目～49行目にコメントを付しました。
そち...
javaScript Ajaxってなに？
Ajax(エイジャックス)は、Webアプリケーション(Webブラウザを基本とするアプリケーション)のための色々な技術の総称です。ここ10年くらいのネットの世界で効くようになった用語です。
特徴の１つが、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オブジェク...