由于是在mac下写的，没什么低版本浏览器测试工具没做具体的兼容测试，而且我也不是前端还请多多包涵，js库用的jquery1.11.1，低版本应该也是可以的，需要自己去下jquery，只是写的好玩，分享一下，希望大家能一起改进
/*** jquery tips 提示插件 jquery.tips.js v0.1beta** 使用方法* $(selector).tips({ //selector 为jquery选择器* msg:'your messages!', //你的提示消息 必填* side:1, //提示窗显示位置 1，2，3，4 分别代表 上右下左 默认为1（上） 可选* color:'#fff', //提示文字色 默认为白色 可选* bg:'#f00',//提示窗背景色 默认为红色 可选* time:2,//自动关闭时间 默认2秒 设置0则不自动关闭 可选* x:0,//横向偏移 正数向右偏移 负数向左偏移 默认为0 可选* y:0,//纵向偏移 正数向下偏移 负数向上偏移 默认为0 可选* })***/(function ($) { $.fn.tips = function(options){ var defaults = { side:1, msg:'', color:'#fff', bg:'#f00', time:2, x:0, y:0 } var options = $.extend(defaults, options); if (!options.msg||isnan(options.side)) { throw new error('params error'); } if(!$('#jquery_tips_style').length){ var style=''; $(document.body).append(style); } this.each(function(){ var element=$(this); var element_top=element.offset().top,element_left=element.offset().left,element_height=element.outerheight(),element_width=element.outerwidth(); options.side=options.side4?4:math.round(options.side); var sidename=options.side==1?'top':options.side==2?'right':options.side==3?'bottom':options.side==4?'left':'top'; var tips=$(''+options.msg+'
').appendto(document.body); tips.find('.jq_tips_arrow').css('border-'+sidename,'10px solid '+options.bg); tips.find('.jq_tips_info').css({ color:options.color, backgroundcolor:options.bg }); switch(options.side){ case 1: tips.css({ top:element_top-tips.outerheight()+options.x, left:element_left-10+options.y }); break; case 2: tips.css({ top:element_top-20+options.x, left:element_left+element_width+options.y }); break; case 3: tips.css({ top:element_top+element_height+options.x, left:element_left-10+options.y }); break; case 4: tips.css({ top:element_top-20+options.x, left:element_left-tips.outerwidth()+options.y }); break; default: } var closetime; tips.fadein('fast').click(function(){ cleartimeout(closetime); tips.fadeout('fast',function(){ tips.remove(); }) }) if(options.time){ closetime=settimeout(function(){ tips.click(); },options.time*1000); tips.hover(function(){ cleartimeout(closetime); },function(){ closetime=settimeout(function(){ tips.click(); },options.time*1000); }) } }); return this; };})(jquery);
以上所述就是本文的全部内容了，希望大家能够喜欢。