而我使用自己写的powerFloat插件可以非常非常方便地实现与之一样的效果。
调用代码如下：
$("#navSearchInput").powerFloat({ eventType: "focus", targetMode: "search", target: "多个关键字用空格隔开<br />（例：汪洋 北京大学）"});
最后的效果如下截图：
您可以狠狠地点击这里：powerFloat实现人人网搜索半透明提示demo
这里使用的是”focus”事件，使用的是自定义浮动模式(“search”)。
九、结语前段时间，还在暖阳下悠闲地钓鱼，今天就大雪纷飞，时间久这样子，一晃荡就不见了。此插件从开始着手写到现在即将发布差不多耗了10天的时间，平时手头上还有不少工作，所以最近一段时间是比较忙的。CSS 相对/绝对(relative/absolute)定位系列还有至少三篇文章积压着没有写，个人网站还要做WAP版。所以，年前是非常忙碌的了。
不好意思，每次文章要结束的时候都忍不住发些小牢骚，舒缓舒缓自己小小的情绪。我对自己的写的这个powerFloat插件做个简单的评价吧：当初设想的时候会兴奋，觉得很牛叉，什么浮动层都可以一个插件实现；但是，现在实现了，却没有了当初的兴奋，因为虽然看上去插件功能强大了，但是，同时规则也变得复杂了，学习成本变高了，同时插件本身被限制的地方也多了，例如由于考虑到各种布局情况，不能随便添加下拉动画效果等。事物均有两面性，有利也有弊。有时候自我感觉良好的东西别人不一定良好，好比看日式爱情动作片的人爽，做的人却不一定爽。
代码质量方面，还是有不少地方值得改进的，例如对this保护上的处理。就学习而言，收获还是不小的，首先对对象字面量中this的使用有了进一步的认识，对jQuery的data属性(结合HTML5中的data-)有了更感性的认识等。
虽然这两天的不断的测试发现了不少bug且已经修复，但是毕竟是一个人，时间精力有限，且不是专业的测试工程师，关键是自己js的功力仍然很稚嫩，所以插件肯定还会有不少的bug的。要是您不嫌弃试用了该插件并发现一些bug或是有什么改进的意见，非常欢迎提出来。您可以通过评论的形式，或是到这里进行交流，不甚感谢。
脚本之家打包下载地址 基于jQuery的万能浮动框插件测试
您可能感兴趣的文章: