jQuery简单实现title提示效果示例

/*调用示例：$(document).ready(function(){$('.quicktip').quberTip({ speed:200});});<a href='' class='quicktip' title='Information about this link'>desktop publishing</a>*/jQuery.fn.quberTip = function (options) {  var defaults = {    speed: 500,    xOffset: 10,    yOffset: 10  };  var options = $.extend(defaults, options);  return this.each(function () {    var $this = jQuery(this);    if ($this.attr('title') != undefined) {      //Pass the title to a variable and then remove it from DOM      if ($this.attr('title') != '') {        var tipTitle = ($this.attr('title'));      } else {        var tipTitle = 'QuberTip';      }      //Remove title attribute      $this.removeAttr('title');      $(this).hover(function (e) {        //      $(this).css('cursor', 'pointer');        $("body").append("<div id='tooltip'>" + tipTitle + "</div>");        $("#tooltip").css({ "position": "absolute",          "z-index": "9999",          "background": "#D3DDF5",          "background-image": "url(../../Quber_Image/Quber_Common/Quber_TB_TitltBG.png)",          "padding": "5px",          "opacity": "0.9",          "border": "1px solid #A3C0E8",          "-moz-border-radius": "3px",          "border-radius": "3px",          "-webkit-border-radius": "3px",          "font-weight": "normal",          "font-size": "12px",          "display": "none"        });        $("#tooltip").css("top", (e.pageY + defaults.xOffset) + "px")      .css("left", (e.pageX + defaults.yOffset) + "px")      .fadeIn(options.speed);      }, function () {        //Remove the tooltip from the DOM        $("#tooltip").remove();      });      $(this).mousemove(function (e) {        $("#tooltip")  .css("top", (e.pageY + defaults.xOffset) + "px")  .css("left", (e.pageX + defaults.yOffset) + "px");      });    }  });};