编写简单的框架提示插件

很简单的代码，就不多废话了。

代码：

复制代码代码如下：/*** 2014年11月13日* 提示插件*/

(函数($){ $。fn。tips=function(text){ var div tipstyle=' position : absolute；左： 0；top : 0；背景-color : # DCE af 2；padding: 3pxborder:固体1px # 6dbde4visibility:隐藏；线高' :20 px'；$(“正文”).追加(' div class=' div-tips ' style=' div tips style ' ' ' text '/div ')；

var divtips=$(' .div-tips’)；divtips.css('可见，‘可见’)；

var top=this.offset().顶部div提示。高度()-8；var left=this.offset().向左；divtips.css('top '，top)；divtips.css('left '，left)；

$(文档)。鼠标移动(函数(e) { var top=e.clientY $(窗口)。滚动顶部()-div提示。高度()-12；var left=e . clientxdivtips . CSS(' top '，top)；divtips.css('left '，left)；});};

$.fn.removetips=函数（文本){ $('。div-tips ').移除();};})($);

效果图（鼠标移到商品上面，会在下面显示一个方形的商品详情框):

很实用吧，小伙伴们自由发挥下，结合到自己的项目中吧