javascript - Javascript / JQueryを使用してサムネイルの背景をホバーに設定するにはどうすればよいですか？

Question

ユーザーが小さなサムネイルにカーソルを合わせると、その画像が背景画像に置き換わります。

Javascript / JQueryを使用してこれを行うにはどうすればよいですか？

score 3 · Accepted Answer

3

$('thumbnail id').hover(function(){
    $(this).css('background-image','new image');
});

于 2012-11-19T22:33:51.347 に答える

score 1 · Accepted Answer

JQueryのホバーがこれを処理します。基本的に、画像を取得し、そのホバー機能を設定して背景画像を設定します（そして、それが目的の動作である場合は、ホバーアウト時に設定を解除します）

$('#tumbnail_id').hover(function() {
    // set the background
}, function() {
    // unset the background
});

tumbnailHTMLタグのIDが。であると仮定しますtumbnail_id。複数のサムネイルがある場合は、セレクターとCSSクラスを使用してさらに巧妙な作業を行うことができますが、これがホバー機能を追加するための基本です。

2 に答える 2