当我将鼠标悬停在包含图片和文字(包括框架和箭头)的元素上时,我需要自定义特定的工具提示。我正在使用这个功能:
$( document ).tooltip({
items: ".links",
content: function() {
var $this = $( this),,html="";
var frame = "<div class='tooltip'>";
var lowertext = "<div class ='tooltiptext'>press here</div>"
html = "<img src="http://image.com" height="60" width="80">";//this is the image
return frame+html+lowertext"</div>";
}
});
我可以用文字显示图像,但现在我需要一个箭头指向带有白框的文本。像这样的东西:
有什么想法吗?
这是我的jsfiddle: