[JS]奥行きを生み出す『パララックス』を簡単に実装できるスクリプト -Smart3D
複数の画像のスクロールのタイミングをずらして表示するパララックスを簡単に実装できるjQueryのプラグインを紹介します。 jQuery.Smart3D デモページ [ad#ad-2] パララックスはそれぞれのタイミングをずらして視差効果を生み出し、奥行き感を出すものです。 上記デモでは背景と人物の画像2枚をそれぞれマウスに合わせてずらして表示しています。 使用画像 5枚の画像を使用したパララックス Smart3Dの実装 一番最初に紹介したデモの実装方法です。 HTML 各画像をリスト要素で配置します。 <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS スタイルシートでサイズを設定し、好みでborderなどのデザイン
Daniel Nolan - Home
Image Rollover Code This script is a standards compliant means of adding mouse rollover code to images in a document without the hassle of coding in extra parameters to each image in your document. This code is standards compliant and should not invalidate your document. Sample Usage To begin with you need to load the javascript into a page in the head section of your page. If you place the code
JavaScript :: Kyosuke.jp
Flashプラグインの使用について 当ウェブサイトをご利用いただくにあたり、Flashプラグインをインストールしていただくことを推奨しております。 お手数でございますが最新のプラグインをインストールして頂きますようお願い申し上げます。 なお、テキストで表示できる情報に関しましてはHTMLで記述されておりますのでこのままご利用いただけます。 About Portfolio Kyosukeの書いたJavaScriptを公開しております。現時点ではWeb標準の日で公開したスクリプトのみです。 ロールオーバーイメージ クラス名を指定するだけで_onとついた画像をロールオーバーイメージとして設定するスクリプト。prototype.jsを使用。prototype.jsを使わないバージョンはDaniel Nolan氏のImage Rollover Codeをお使いください。要望があれば使わないバージ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
