javascript」カテゴリーアーカイブ

javascriptのサンプルなど

Javascript(JQuery)でグローバルIPアドレスをGETする

 Javascript(JQuery)でグローバルIPアドレスをGETします。Javascript単体では、グローバルIPアドレスを取得できないので、phpと合わせて使用します。基本的な仕組みは、ページを読み込んだときに … 続きを読む

カテゴリー: javascript, ホームページ作成 | タグ: , | コメントする

Javascript(JQuery)で吹き出しを作る

 今回は、マウスオーバーした時に吹き出しを出すサンプルです。今まではサイトのサンプルを利用していたのですが、細かい設定ができなかったり、処理速度が重かったりしたので、自分で作って見ました。  内容は、マウスオーバーしたと … 続きを読む

カテゴリー: javascript, ホームページ作成 | タグ: , | コメントする

Javascript(JQuery)にて円軌道で画像を動かす。縦回転

 前回紹介した、円軌道の縦回転バージョンの紹介です。基本、前回のサンプルと同じです。設定を変更するだけできるようになっています。使い方は、画像をクリックするとクリックされた画像が正面で停止する仕様になっています。再度動か … 続きを読む

カテゴリー: javascript, サーバー | タグ: , | コメントする

Javascript(JQuery)にて円軌道で画像を動かす。

 Javascript(JQuery)で画像を円軌道で移動させるサンプルです。画像をクリックするとクリックされた画像が正面で停止する仕様になっています。再度動かすときは、下側のボタンをクリックしてください。設定できる項目 … 続きを読む

カテゴリー: javascript, ホームページ作成 | タグ: , | コメントする

Javascript(JQuery) 自動スクロールでページ内リンクを表示するサンプル

 最近、smartphone用のサイト制作が増えてきました。その中でもページ内リンクを自動スクロールしてほしいと言う依頼が多くなったので、自分の防備録も兼ねて紹介したいと思います。

カテゴリー: javascript, ホームページ作成 | タグ: , , | コメントする

非同期通信時に「読み込み中(ロードバー)」を表示する(JQueryにて)

 今回のサンプルはページを非同期で読み込みをしたとき、「読み込み中」を表示する機能です。javascript(JQuery)で作成しています。使用用途として、smartphoneなどで、ページの一部を変更した時に、変更部 … 続きを読む

カテゴリー: javascript, ホームページ作成 | タグ: , , | コメントする

フリック・スワイプのサンプルのバージョンアップ

 以前作ったJQerryで動くフリック・スワイプのサンプルのバージョンアップです。今回のサンプルとの変更点は、表示位置をの設定を柔軟に出きるようにしました。Smartphoneにて画像を縦スクロールしたとき、window … 続きを読む

カテゴリー: javascript, ホームページ作成 | タグ: , , | コメントする

QRコードの作成

 以前、作成したQRコードの生成が使いにくいのでバージョンアップしました。今回は、作成できる画像サイズを増やしたとQRコードをダウンロードできるようにしました。無料ですので、ご自由にお使いください。

カテゴリー: javascript, Web サービス, ホームページ作成 | タグ: , , | コメントする

JQueryで動くフリック・スワイプのサンプルを作りました。

 JQerryで動くフリック・スワイプのサンプルを作りました。使い方は、画像をスライドさせるとスライドした方向に一つ移動します。小さい画像をクリックすると、対応した画像がスライドして表示されます。「最初」「最後」をクリッ … 続きを読む

カテゴリー: javascript, ホームページ作成 | タグ: , | 1件のコメント

Google ChartでQRコードを自動生成する

 今回は、QRコードを自動生成する必要があったので、Google Chartを使いました。Google Chartは、Googleが提供しているIPAで主に表やグラフの描画ができます。

カテゴリー: javascript, Web サービス, ホームページ作成 | タグ: , , | コメントする