悬停在图片上时有什么办法不显示黄色文字吗？

Question

正如在 jsfiddle 中看到的那样，http://jsfiddle.net/QPW27/123/, Whenever I hover at the image for a longer time, it will show a yellow text, with br in between, as shown in http://i.stack.imgur.com/SouyW.png。

有没有办法不显示黄色文字？
或者是否可以显示第一行 'Pan' 和第二行 'Mee' 的黄色文本？

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

悬停在图片上时有什么办法不显示黄色文字吗？

is there any way to not show the yellow text when hover at image?

jquery

image

hover