私はjQueryを初めて使用し、ギャラリーやスライダーでjQueryを使用して遊んだことがあります。
このタイプのメニューを自分のWebサイトに追加したいと思います(中央の4つのボックス)。
を拡張できるようにする必要がありますdiv
。最初は画像だけが表示されますが、div
カーソルを合わせると上に展開され、画像とそれに付随するテキストが表示されます。
私はほとんどのことを理解することができますが、これは私を困惑させました。何か案は?
私はjQueryを初めて使用し、ギャラリーやスライダーでjQueryを使用して遊んだことがあります。
このタイプのメニューを自分のWebサイトに追加したいと思います(中央の4つのボックス)。
を拡張できるようにする必要がありますdiv
。最初は画像だけが表示されますが、div
カーソルを合わせると上に展開され、画像とそれに付随するテキストが表示されます。
私はほとんどのことを理解することができますが、これは私を困惑させました。何か案は?
アイデアを理解するのに役立つように、非常に基本的な jsFiddle を作成しました。理解して構築できるように、シンプルにしています。 http://jsfiddle.net/FF3jc/4/
JS セクションでは、カーソルを合わせると新しいクラスが適用され、マウスを離すと削除されます。
追加/削除されるこのクラスを使用して、必要に応じて高さ/スタイルを制御できます。
編集し、jsfiddle を修正し、間違ったものを含めました - d'oh。
このサイトは jQuery Hero Carousel を使用しています。ここで説明します。http://www.paulwelsh.info/jquery-plugins/hero-carousel/
謝罪いたします。このサイトにはヒーローカルーセルのダウンロードがありますが、説明はありません。Web の半分が jquery カルーセルに専念しているように見えます。