编写简单的jQuery提示插件
很简单的代码,就不多废话了。
代码:
/** *2014年11月13日 *提示插件 */
(function($){ $.fn.tips=function(text){ vardivtipsstyle="position:absolute;left:0;top:0;background-color:#dceaf2;padding:3px;border:solid1px#6dbde4;visibility:hidden;line-height:20px;"; $("body").append("<divclass='div-tips'style='"+divtipsstyle+"'>"+text+"</div>");
vardivtips=$(".div-tips"); divtips.css("visibility","visible");
vartop=this.offset().top-divtips.height()-8; varleft=this.offset().left; divtips.css("top",top); divtips.css("left",left);
$(document).mousemove(function(e){ vartop=e.clientY+$(window).scrollTop()-divtips.height()-12; varleft=e.clientX; divtips.css("top",top); divtips.css("left",left); }); };
$.fn.removetips=function(text){ $(".div-tips").remove(); }; })($);