JavaScript

「jquery.simpleTicker.js」でお手軽ティッカー

WEBサイトを見ているとたまにヘッダーの下あたりに、お知らせなどの情報が流れている光景を見かけることがあります。 このように特定の場所に文字列を流して表示させる方式を「ティッカー」と言います。 流れて…

JavaScript

「jquery.mb.YTPlayer」でYouTubeを背景にする

こんにちは、ゆんつです。 YouTubeの動画を背景として利用したい場合。 ・CSSで調整する方法 ・jQueryのプラグインを使う方法 などがあります。 前回はCSSを使ってYouTubeを背景に設…

JavaScript

jQueryでフェードイン

こんにちは、ゆんつです。 最近、いろんなWEBサイトを見ていると画面をスクロールさせていくとコンテンツがフワッとフェードインしてくるようなデザインをよく見かけます。 スクロールに応じてコンテンツが画面…

JavaScript

「Parallax.js」の導入方法と基本的な使い方

「パララックス」という言葉を聞いたことがありますか? ブラウザのスクロールと要素のスクロール速度に差をつけるなどして、見ている人の関心を引き付けるテクニックを「パララックス」というみたいです。 具体例…

JavaScript

jQueryで作るアコーディオンメニュー

商用サイトのQ&Aなどによく使われるアコーディオンメニュー。 質問部分をクリックすると回答部分が表示されるので、ユーザーが必要とする情報だけ表示できるので画面もスッキリします。 アコーディオン…

JavaScript

Ajaxを使って初歩的な「問い合わせフォーム」を作成する

先日PHPを使った基本的な「問い合わせフォーム」作成の記事を書きました。 この記事で作成した「問い合わせフォーム」は全て「PHP」を使って 入力フォーム → 確認画面 → 送信完了画面 という流れで入…

JavaScript

簡単なローディング画面の作り方

情報量の多いページにアクセスした場合、画面の表示に時間がかかることがあります。 そんな時によく見かけるのが「ローディング画面」です。 画像等の読み込みに時間がかかっているときに、真っ白の画面を見せるの…

JavaScript

左から右にゆっくりと文字を表示させる

WEBサイトを見ているとメインビジュアルなどの部分で、サイト名やキャッチフレーズなどが左から右へ1文字ずつ時間差で表示されるのを見たことがありませんか? このように左から右へゆっくりと文字を表示したい…