jQuery jQueryで表示・非表示サイドバーを作ってみる 今回の内容は、クリック操作によってWebページの左側に格納できるサイドバーを作成します。サンプルコード上に詳細をコメントアウトしました。サンプルコードの実行結果はこちら 2015.09.29 jQuery
jQuery ボタンにカーソルを乗せたとき色々と効果を付けてみる 今回は、ボタンに色々な効果を付けてみます。サンプルコードの実行結果はこちら サンプルコードでは9つのボタンが表示されていますが、効果は3種類あります。左1列、中央列、右1列で別々の効果がでるようになっています。詳しい説明は... 2015.09.28 jQuery
jQuery jQueryで聖剣伝説に出てくるリングメニューを作ってみる タイトルの通り、聖剣伝説で登場する円状に広がるリング状のメニューを今回紹介します。 サンプルコードの実行結果はこちら 今回使用するプラグインの名前は「flowernav」といいます。デモはこちらです。ただ、公式サイト... 2015.09.27 jQuery
javaScript サーバーとデータのやりとりをする Ajaxで重要なものは、XmlHttpRequestオブジェクトを利用した非同期通信です。サンプルコードの実行結果はこちら HTTPリクエストを送る順番 サンプルコードの21行目~49行目にコメントを付しました。 そち... 2015.09.26 javaScript
javaScript Ajaxってなに? Ajax(エイジャックス)は、Webアプリケーション(Webブラウザを基本とするアプリケーション)のための色々な技術の総称です。ここ10年くらいのネットの世界で効くようになった用語です。 特徴の1つが、Webサーバーとデータのやりとり... 2015.09.25 javaScript
javaScript DOMを使ってアニメーション スタイルシートでは、要素の表示位置をtop(上端)left(左端)といったプロパティで設定できます。要素の配置方法を指定するpositionプロパティは、初期値であるレイアウトを自動で行static以外に設定する必要があります。 ab... 2015.09.24 javaScript
javaScript DOMを使用して、スタイルを動的に変更する HTMLの見た目をよくするためにスタイルシートを使用することが普通です。綺麗なウェブページのレイアウトには、スタイルシートが利用されています。DOMを使用すると、スタイルシートのプロパティを操作できます。フォントの大きさや、背景色を変更する... 2015.09.23 javaScript
javaScript document内の好きな要素にアクセスする HTMLドキュメントやXMLドキュメントのすべての要素に、階層構造で接続できるようにした仕組みのことを、DOM(Document Object Model)と呼びます。DOMはW3Cという標準化団体で定められた仕組みで、javaScript... 2015.09.22 javaScript
javaScript オブジェクトにメソッドを追加する 通常のオブジェクトと同様に、ユーザー定義のオブジェクトにもメソッドを登録することができます。前回作成したPersonオブジェクトには、name,heightプロパティがありましたが、メソッドはありません。 今回はPersonオブジェク... 2015.09.21 javaScript