jquery鼠标移入文字提示_jquery鼠标悬停动态显示提示文字或者图片

书写并添加js代码。

$.fn.extend({

hoverTips : function (){

var self = $(this);

var sw = self.get(0).switch;

if( !sw ) {

sw = true;

var content = self.attr("tooltips");

var htmlDom = $("

")

.addClass("yellow")

.html("

+ "

+ "

htmlDom.find("p.content").html( content );

}

self.on("mouseover",function(){

$("body").append( htmlDom );

var left = self.offset().left - htmlDom.outerWidth()/2 + self.outerWidth()/2;

var top = self.offset().top - htmlDom.outerHeight() - parseInt(htmlDom.find(".triangle-front").css("border-width"));

htmlDom.css({"left":left,"top":top - 10,"display":"block"}