jquery-hover - jQueryでホバー効果を得るには?? それは私のために働いていません

Question

この例のようなホバー効果を得ようとしています。しかし、それを得ることができませんでした。ここにリンクがあります

score 2 · Accepted Answer

あなたの<script>タグjquery-1.2.6.min.jsは、存在しないを参照しています。そのファイルをhovereffect.htmlWeb サーバーと同じディレクトリに配置します。

または、Google ライブラリから JQuery を入手することをお勧めします。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>

score 1 · Accepted Answer

height:150px;外部クラス ( ) で指定します.outer。現在、高すぎる 250px に設定されています。

score 1 · Accepted Answer

機能しない理由は、css プロパティが欠落しているためです

.project .thumb img {position:absolute}

テストページにこの行があることに注意してください。

jQueryのアニメーション機能を使用してトップ画像{top:150px}の位置を変更する方法なので、これが機能するには絶対位置にする必要があります。

また、.project .thumb a line幅と高さがありません。

また、その行を追加しただけでは、期待どおりの効果が得られないことに注意してください。でアウターdivを作りますoverflow:hidden。

score 0 · Accepted Answer

これは、実際のプロジェクトでは、cssが/cssディレクトリにあるためです。したがって、CSSスタイルは存在しない/css/images/snbw_thumb.jpgを探しています。CSSスタイルを../images/snbw_thumb.jpgに変更すると、修正されます。

score 0 · Accepted Answer

.project .thumb a {}のcssルールにより、画像は404になっています。
これは「images / snbw_thumb.jpg」を指していますが、「/ images/snbw_thumb.jpg」を使用することをお勧めします。

（また、あなたのページは実際には悪いURLとして404を提供していないようです）

お役に立てれば

-クリス

7 に答える 7