一、编写插件的原因为什么要编写这个插件？仔细想想，归结为一个字：“懒”。我不想为明明两个类似的功能分别写代码，但我本应该在可避免的代码上享受茶，看着美女的闲暇时光游荡。对我来说，这是白白浪费我的青春。因此，简单地说，将所有这些相似的功能集合在一起，完成一个插件，然后就完成了。这种感觉就像《大话西游》中悟空掌掴苍蝇唐僧致死一样。那么，这里提到的类似功能有哪些呢？当当是一个浮动层，与某个元素有位置关系(例如：提示效果、鼠标经过显示大图、下拉列表等)。).

二.插件概述插件的名字是jquery-powerFloat.js //zxx:以前，我喜欢用“.”连接，但我发现使用combo合并脚本时会出现问题，所以现在我使用“-”连接名。PowerFloat的意思是“强大的浮动”。使用库jQuery，大小超过20K，经过历史上代码最多的插件YUICompressor压缩后，大小减半。支持悬停、点击、聚焦和无事件触发；支持多达12个位置的定位，并自动调整出界；支持页面元素加载、Ajax加载、下拉列表、提示层效果、提示类效果等。可定制的装载容器；加载内置UI良好的容器；支持鼠标跟随等。三、演示和下载演示，可以硬点这里：在通用浮动插件的powerFloat测试页面下，一张鼠标经过演示页面的截图展示了大图效果：。

下载JS文件下载：jquery-powerFloat.js(未压缩)或jquery-powerFloat-min.js(压缩)zip包下载：右键单击jquery-powerFloat.zip//zxx:下载[目标|链接]另存为4。如何使用一个简单统一的模式，那就是$(选择器)。powerFloat({ 0.});用法如下：首先，别忘了加载CSS文件如下：linkrel='样式表' href=' http://www.zhangxinxu.com/study/CSS/powerfloat.css'类型=' text/CSS '/然后，在页面上，加载本文的jQuery库和jquery-powerFloat.js文件，如下：脚本类型=' text/JavaScript ' src=' http :3359 Ajax . googleapi.com/Ajax/libs/jQuery/1 . 4 . 4/jQuery . min . js '/scriptme /a后的Rel=' targetBox ' after ')。powerFloat()；动手吧。这段代码的效果是，当鼠标经过文本链接“pass me”时，页面上id为“targetBox”的元素将显示在其下方(参见演示页面中的第一个示例)。如果要用几个关键词来概括这个插件，无非就是触发器元素(即选择器绑定对象)、触发器事件(API中的eventType)、浮动元素(目标)、定位(目标的定位)。在下文中，单词trigger指的是触发元素，target指的是浮动元素。因为插件集合有很多功能，所以可以使用的规则稍微多一点。具体请参考下面的API表，稍后详细解释。这里就不多说了。五、API参数jQuery powerFloat插件API参数名称默认值解释说明宽度' auto '其他可选参数：' inherit '、值(px)(百分比等。)，则“auto”表格宽度是自动的，“inherit”表格宽度与方法触发器元素宽度相同，后者是offsets { x:0，y:0}浮动图层的偏移值。正面或负面。如果是正值，右下角元素在右下角偏移，左上角元素在左上角偏移。偏移方向为扩散zIndex999浮动帧级别。该插件的小三角形级别为999 1，该级别的值总是高1。事件类型“悬停”其他可选参数：“单击”、“聚焦”，如果参数为其他，绑定将触发浮动层的显示和定位。当showDelay0事件类型为“悬停”时，浮动层显示的延迟时间，单位毫秒隐藏了鼠标移出对象时浮动层隐藏的延迟时间。在fa的情况下