编写简单的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 =功能(文本){

$(提示);

};

}(美元);



效果图(鼠标移动到商品上,将显示一个方形商品明细框):



非常实用。这些家伙可以自由发挥到他们自己的项目中去。