Ajaxリクエスト（非同期通信）を使ってjsファイルを読込み、読込んだjsファイルを実行してみます。 1．JavaScript記述例 今回読込むjsファイルはajax1.jsとajax2.jsです。 （jsファイルの文字...
...ブラウザをフルスクリーン表示するJavaScript
昔Flashサイトをフルスクリーンで表示させる時にやってました。 1-1．呼出元ページのJavaScriptの記述 <script type="text/JavaScript"> <...
...jquery.backgroundPosition：複数の背景画像を常に動かせるJs
指定の複数背景画像を常に動か（アニメーション）してみます。 1．CSSの記述例 <style type="text/css"> <!-- body{ margin:0; paddin...
...表示画像をjQueryを使用して点滅させる方法
画像を点滅させる演出をする際に利用できると思います。 今回はマウスオーバーすると画像を点滅させ、マウスアウトで点滅をストップさせます。 1．CSSの記述例 以下は任意ですがマウスオーバーする該当箇所のタグにカーソルをもっ...
...jQueryとsetIntervalで複数のpng画像一定間隔で切替える方法
jQueryとsetIntervalを使って複数のpng画像を、一定間隔で切替えるアニメーションをやってみます。 1．読込むJsとJavaScriptの記述例 <script src="https://a...
...jquery.tablesorter：テーブルタグをソート可能にするJs
テーブルの見出し（thタグ）をクリックすると、その要素（tdタグ）が降順・昇順でソートされます。 1．CSSの記述例 以下は任意です。 <style type="text/css"> &l...
...snowfall.jquery：紙吹雪を表示するJs
ページ上にて指定画像を紙吹雪の様に表示させてみます。 1．CSSの記述例 以下は任意です。 <style type="text/css" media="all"> &l...
...jquery.countdown.js：設定日からのカウントダウンを表示
今回は設定日からのカウントダウンを表示してみます。 1．読込むCSSファイルとCSSの記述例 <link rel="stylesheet" href="jquery.countdown...
...custom-select：セレクトボックスをカスタマイズするjs（IE6も対応）
セレクトボックスまでデザインにあわせて欲しいと要望があった際に使用しました。 デフォルトのセレクトボックスでイイじゃんって、何度も心の中で思ってました。 1．StyleとJavaScriptの記述 <script ...
...パラパラアニメを表示させるjQuery
学生時代に一度は誰しもやったことはあるであろうパラパラアニメ、それを、社会人にもなってやることになりました、JavaScriptで。 実現方法 教科書では無く、今回は一枚の縦長の画像を使用します。 表示範囲を決めて等間隔...
...