编写简单的jQuery提示插件
非常简单的代码,没有更多的废话。代码uff1a
复制代码代码如下所示:
* 2014年11月13日
*提示插件
* /
(函数($){)
美元。fn.tips =功能(文本){
无功divtipsstyle =绝对位置:;左:0;最高:0;背景颜色:# dceaf2;填充:3px;边界:3px;
$()。追加(++文本);
无功divtips = $(div技巧。);
Divtips.css(能见度
var = this.offset()。顶divtips.height()- 8;
VaR左= this.offset(左);
Divtips.css(顶
Divtips.css(左
$(document)。Mousemove(function(e){
var = e.clienty + $(窗口),ScrollTop()-()- 12 divtips.height;
左= e.clientx VaR;
Divtips.css(顶
Divtips.css(左
});
};
美元。fn.removetips =功能(文本){
$(提示);
};
}(美元);
效果图(鼠标移动到商品上,将显示一个方形商品明细框):
非常实用。这些家伙可以自由发挥到他们自己的项目中去。