jQueryBlackFlagで紹介しているjQueryとCSS3を使って実装するスライドショーやカルーセル等Webサイト上でのUI系スクリプトのTIPSをまとめたページになります。※一覧は随時更新します。パターン】サンプル(別枠)jQueryで外部HTML(JSON形式)化した要素を「もっと見る」ボタンで追加する方法サンプル(別枠)jQueryで「もっと見る」ボタンで画像を順々に読み込むUIの実験サンプル(別枠)jQueryでコンテンツ要素を点滅させる方法サンプル(別枠)jQueryでページ遷移時にスライドアニメーションをつけてみる【改訂版】サンプル(別枠)jQueryでページ遷移時にアニメーション効果をつけてみる。iPadスライド型ナビゲーションメニューUIをつくってみる。サンプル(別枠)jQueryでスクロール追尾型メニューリストを作ってみるサンプル(別枠)jQueryアニメーションでCSS3のTransformを操作して拡大縮小/回転などを実装させるいろいろサンプル(別枠)CSS(CSS3)のみでタブUI(ボタンアクティブ付き)を実装する方法。(Ver.2)サンプル(別枠)サンプル(別枠)CSS(CSS3)のみでアコーディオンUIの作成方法サンプル(別枠)CSS(CSS3)のみでLightbox風モーダルウィンドウを作成する方法サンプル(別枠)サンプル(別枠)CSS(CSS3)のみで3D立方体を作る方法サンプル(別枠)CSS3「transform」で3Dっぽく画像を重ね合わせてみる実験。14:01はじめまして、パララックスデザインのソースについて探しておりました。勉強も兼ねてですが、簡単なLPサイトで使用させていただこうと考えております。いったサイトがあるとすごく助かり、また勉強にもなります。ブックマークさせていただき、ちょくちょく拝見させていただければと思います。ありがとうございました。9:03>きのぴさんコメントありがとうございます。その様なお言葉をいただけるととても嬉しく励みになります。ありがとうございます。紹介させていただいておりますのでWebサイト制作の際にあれこれお試しいただけると幸いです。これからもWeb制作に少しでもお役に立てる情報を紹介させていただきますので引き続きよろしくお願いします。15:10お世話になります。いつも使わせてもらっており、大変助かっております。一つ要望がありますが、よろしいでしょうか?・経歴のScriptがほしい。・スクロールするごとに、フェードするような流れ。・文字を横からスワイプ+フェードするような感じ。10:36>Leonさんコメントありがとうございます。当ブログのスクリプトをご活用いただいている様で嬉しく思っております。スクロールによってなにかアクションを起こす動作のスクリプトについては以下のページで紹介させていただいております。・jQueryでパララックスサイトの様にスクロールして要素が出現した時点でアニメーション等のイベント処理を実行させる実験http://black-flag.net/jquery/20140128-4943.html上記ページのスクリプトを応用して下記のサイトで経歴のような動きをつけています。http://www.toyota-ttc.co.jp/history/development.htmlこれらの動きの構成について参考にしていただくのは如何でしょうか。11:09コメントありがとうございます。下記のサイトで経歴のような動きをつけています。参考にしていただくのは如何でしょうか。求めてたのは、上記のトヨタのような雰囲気です。※コメントにHTMLタグを直接入力しないでください。※HTMLタグを入力する際はタグ一つ一つの括弧「<」「>」を全角に変換して入力してください。コメントは承認制になっているのですぐには反映されません。コメント頂いた内容については出来る限り早めの対応を心掛けていますが、時期によって返答が遅くなってしまうことがありますので、何卒ご了承ください。Webサイト構築に関する技術やWebサービスを紹介するブログです。jQueryをはじめとしたWebサイトを彩る技術のほか、HTML(HTML5)、CSS(CSS3)、iPhoneやTwitterを使った実験などなど、Webサイト制作に役立つであろうと思われる情報を備忘録として掲載しています。