jQuerypowerFloat万能浮动层下拉层插件使用介绍_jquery
2020-11-27
来源：赴品旅游
为什么想写此插件，想来想去，归结为一个字：“懒”。不想为明明两个类似的功能分别写代码，本应喝茶看美女的休闲时光晃荡在本可避免的代码上，对于我来讲，就是白白耗费自己的青春。于是，干脆，一鼓作气，把这些类似的功能集合到一起，一个插件搞定，一了百了了。这种感觉就好比《大话西游》里悟空一巴掌拍死唐僧这只苍蝇一样。那，这里提及的类似的功能是指？当当当当，就是与某元素有位置关系的浮动层（例如tip类效果，鼠标经过显示大图，下拉列表等）。
插件名为jquery-powerFloat.js。//zxx:之前我喜欢用”.”连接，后发现在使用combo合并脚本的时候会出问题，于是，现在使用”-”连接名称了。
powerFloat顾名思意就是“强大的浮动”。使用库jQuery，大小20K多点，使用YUICompressor压缩后大小折半，是有史以来代码量写的最多的一个插件了。支持hover, click, focus以及无事件触发；支持多达12种位置的定位，出界自动调整；支持页面元素加载，Ajax加载，下拉列表，提示层效果，tip类效果等；可自定义装载容器；内置UI不错的装载容器；支持鼠标跟随等。
三、demo及下载demo
您可以狠狠地点击这里：万能浮动插件powerFloat测试页面
下为demo页面中鼠标经过显示大图效果截图：
下载
JS文件下载：jquery-powerFloat.js(未压缩) 或 jquery-powerFloat-min.js(压缩)
zip打包下载：jquery-powerFloat.zip
//zxx:下载均右键 – [目标|链接]另存为
四、如何使用使用很简单，统一的模式，就是$(选择器).powerFloat({..});具体使用如下：