1

こんにちは、これはjqueryコードです:

$(".c").mouseover(function() {
var colorbg = $(".c").attr("src");
$(".colortip").fadeIn(function() {
$(this).html('<img src="' + colorbg + '"/>');
return false;
});`enter code here`
});

HTML は次のとおりです。

img ...1
img....2
img ...3

私がやりたいのは、img.cにマウスオーバーしたときに「colortip」divを表示し、同時にimg.c画像ソースを背景としてdiv.colortipに割り当てたいことです

私は上記のコードを書き、divを表示するように機能しますが、最初のimg srcのみを使用して最初のimgにBGを割り当てるだけで、他の画像srcを検出せず、他の色の他のdivにカーソルを合わせたときにそれを変更しません。新しいimg srcをbgとしてdivにプッシュするたびに作成できますか?

あなたの助けに感謝します - ありがとう

4

1 に答える 1

2

jsBin デモ

使用する$(this)

var colorbg = '';
$(".c").mouseover(function() {
   colorbg = $(this).attr("src");   // tada!
   $(".colortip").fadeIn(function() {
       $(this).html('<img src="' + colorbg + '"/>');
       return false;
   });
});

コードを使用した後、要素CSS backgroundを設定する方法は次のとおりです。

jsBin デモ (jQ で CSS 背景を設定)

var colorbg = '';
$(".c").mouseover(function() {
   colorbg = $(this).attr("src");   // tada!
   $(".colortip").fadeIn(function() {
     $(this).css({background: 'url('+colorbg+')'}); // access element CSS bG. 
       return false;
   });
});
于 2012-05-01T00:32:55.683 に答える