今回はシンプルに3枚のjpg画像をフェードインフェードアウトで切替表示し、 setIntervalを使用して切替えを繰り返してみます。 1．CSSの記述例 以下は調整してみて下さい。 <style type=&qu...
...iscroll.js：スマホサイトで上下固定バーを実装してみる
JavaScriptでスマホ用のページにてページ上下に固定バーを実装してみます。 1.ヘッダー（meta）の記述例 <meta charset="utf-8"> <meta name...
...マウスオーバー・アウトで画像サイズを伸縮表示して見る
jQueryのanimateを使用し、マウスオーバーで画像を縮小させマウスアウトで元のサイズに戻してみます。 1．使用する画像 2．CSSの記述例 以下は任意です <style type="text/cs...
...jquery.jscrollpane.min.js：スクロールバーをカスタムするjs
デザイナーさんからスクロールバーをデフォルトのものでは無く、ちょっとデザインされたモノがあがってきた時に使用しました。 1．ヘッダーの記述 <script type="text/javascript&qu...
...getJSONでjson形式の配列情報を取得表示する方法
getJSONを使ってjson形式のデータを取得してみます。 1．読み込むjson形式のファイル test.jsonを読み込みます。 [{"id":"01","name&...
...jQueryの$.get()を使ってxmlデータを取得表示する方法
$.get()を使ってxmlデータを取得してみます。 1．読み込むxml形式のファイル data.xmlを読み込みます。 <!--?xml version="1.0" encoding=&quo...
...window.location.search：URL（アドレス）のパラメータ値をJavaScriptで取得する方法
URL（アドレス）のパラメータ値をJavaScriptを使って取得します。 1．JavaScript記述例 <script type="text/javascript"><br /&...
...テキストボックスの入力文字をJavaScriptで別エリアに同時にコピー表示する方法
キャンペーンサイトで入力文字を結果イメージ確認用でプレビューさせる時に使いました。 1．JavaScriptの記述 <script type="text/javascript"> func...
...iframe先ページの高さにあわせてコンテンツを表示する方法
iframeで別ページを表示しようとする場合、表示元ページ側で高さがわからないとスクロールが出たりしてたまに困ります。 そんな場合にJavaScriptを使ってiframe先ページの高さを取得し、表示元ページのifram...
...jquery.carouFredSel：複数のサムネイルを左右に自動スライドで表示させてくれるjs
トップページやギャラリーページで複数のサムネイルを左右にスライド演出してくれるJavaScriptプラグインです。 1．ヘッダーの記述 <script type="text/javascript"...
...