jQuery は画像のホバー効果を制御します (smartRollover.js)_jquery

js を使用して実装する利点は、Web サイトに画像のホバー効果が多数ある場合、それぞれを CSS で制御する必要があるため、コードが冗長になることです。ただし、JS コントロールを使用すると、画像の数に関係なく、ホバー効果で同じ JS を使用できますが、画像のアウト/オフ エフェクトとオーバー/オン エフェクトに次のような規則的な名前が付けられていることを確認する必要があります。
navi01_out.jpg/navi01_off. jpg
navi01_over.jpg/nvai02_on.jpg
このようにjsコントロールを使うととても便利です。一致する名前が見つかり、マウスを置くと別の名前に置き換えられます。

今日は jQuery を使用して効果を制御したいと思います:
コードは次のとおりです:

コードをコピーします コードは次のとおりです。

$img は、他の
のように指定できます。 $img = $("img.imgover") ; img クラスが imgover であるすべての画像を示します
その他は必要に応じてカスタマイズできます。ただし、写真には定期的に名前を付ける必要があります