jquery自定义样式的工具提示

时间:2014-03-20 13:41:03

标签: jquery jquery-ui tooltip jquery-tooltip jquery-ui-tooltip

当我将鼠标悬停在包含图片和文字(包括框架和箭头)的元素上时,我需要自定义特定的工具提示。我正在使用这个功能:

 $( 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>";
                }
            });

我可以用文字显示图像,但现在我需要一个箭头指向带有白框的文本。像这样的东西:

enter image description here

有什么想法吗?

这是我的jsfiddle:

jsfiddle

0 个答案:

没有答案