首页 > 代码库 > 自己写的一个简单的jQuery提示插件
自己写的一个简单的jQuery提示插件
代码:
/*** 2014年11月13日* 提示插件*/(function ($) { $.fn.tips = function (text) { var divtipsstyle = "position: absolute; left: 0; top: 0; background-color: #dceaf2; padding: 3px; border: solid 1px #6dbde4; visibility: hidden; line-height:20px; "; $("body").append("<div class=‘div-tips‘ style=‘" + divtipsstyle + "‘>" + text + "</div>"); var divtips = $(".div-tips"); divtips.css("visibility", "visible"); var top = this.offset().top - divtips.height() - 8; var left = this.offset().left; divtips.css("top", top); divtips.css("left", left); $(document).mousemove(function (e) { var top = e.clientY + $(window).scrollTop() - divtips.height() - 12; var left = e.clientX; divtips.css("top", top); divtips.css("left", left); }); }; $.fn.removetips = function (text) { $(".div-tips").remove(); };})($);
效果图(鼠标移到商品上面,会在下面显示一个方形的商品详情框):
自己写的一个简单的jQuery提示插件
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。