「 javascript 」 一覧

jQuery

【jQuery】タブの切替スクリプトを作成してみました

jQueryの練習で何かを作ってみようということで、yahooトップページのトピックスに使われているような、タブの切替を作ってみました。

jQuery

jQueryでロールオーバーのスクリプトを組んでみた

jQueryの勉強として、マウスカーソルが乗った時にアニメーション(フェードイン、フェードアウト)しながら切り替わる「ふんわりロールオーバープラグイン」を作成してみました。

jQuery

【JS】スマホ用のQ&AページをslideToggleを使って作ってみる

「よくある質問」のページがやたらと長くなるのが気になり、jQuery の slideToggle を使い、ずらっと並べた質問文をクリック(タップ)したら回答部分がアコーディオン形式で表示されるようにしてみました。この先、絶対にまた使うことだと思うので、備忘録も兼ねてのポストとします。

Eyecatch jQuery

jQueryのtoggleSlideを使ってみる

ボタンやリンクなどをクリックしたら、みょいーんとDIVやらpで括ってた部分を表示させるというのを実装する、jQuery のtoggleSlideを使う方法。これも検索頻度の高いものなので、自分のメモとして残しておきます。

jQueryを使わないライブラリ「busy.js」を使って簡単にローディング画面を作ってみる。

仕事で作ったとあるサイトが、APIを叩いて結果を取得・表示するのですが、APIの反応が悪く、やったらと時間が掛かるので、ローディング画像を出し、ちょっとでも訪問者を待たせる努力をしてみようということで探しました所、「busy.js」というライブラリを発見。

jQuery

【JS】クーポン系サイトによくある「カウントダウンタイマー」をjQueryを使って設置してみる

「グルーポン」や「シェアリー」など、クーポン系サイトでよく利用されているような、カウントダウンしていくタイマーが必要になったので、その設置方法の紹介です。今回は「jQuery Countdown」というライブラリを使用します。

eyecatch JavaScript

購入小計を即時計算するためのJavascript

EC系サイトでよくある、購入数フォームに数値を入力し、その小計を即時計算するJa ...