Question

正如jsfiddle所见，http://jsfiddle.net/QPW27/123/，每当我将图像悬停在图像上较长时间时，它会显示一个黄色文字，其间为br，如http://i.stack.imgur.com/SouyW.png所示。

有没有办法不显示黄色文字？
要么是否可以显示黄色文字“Pan＆＃39;在第一线和＆＃39; Mee＆＃39;在第二行？

var t;
$('div.img img').hover(function(){  
  var textTopPosition = $(this).position().top+17;  
  var textLeftPosition = $(this).position().left+6; 
  t = $('<div/>')
      .css({top:textTopPosition})
      .css({left:textLeftPosition})
      .text($(this).attr('title'))
  .appendTo($(this).parent());  
  $(this).fadeTo('fast',0.3);
});  

$('div.img').mouseleave(function(){
     $(this).find("img").fadeTo('fast',1);
     $(this).find("div").remove();
});

Answer 1

而不是使用标题使用另一个属性，如data-title

<img class="onclick" src="http://www.gravatar.com/avatar/3d561d41394ff0d5d0715b2695c3dcf0?s=128&d=identicon&r=PG" data-title="Pan<br>Mee" alt="PanMee (Chinese : 板面)" onclick="bigImage(1)" style=" width:205px;height:160px; " />

然后

 t = $('<div/>', {
     html: $(this).data('title'),
     css: {
         top: textTopPosition,
         left: textLeftPosition
     }
 }).appendTo($(this).parent());

演示：Fiddle

有没有办法在悬停在图像时不显示黄色文字？

1 个答案: