无处不在的搜索，用简单的代码搭建实用功能。

关联搜索是非常有趣和重要的一个话题。如果用户能在一篇文章中看到感兴趣的词，随手选中它，直接查询相关结果，将是一件非常棒的事。一方面对使用者来说是一个非常好的体验，很方便。另一方也可以增加站长们通过搜索引擎获得的收入。

 

图 文本选中后自动浮出的搜索提示框

      
       如上图所示，选中的一段文本“养生保健”，就可以自动浮出一个淘宝谷歌的框，直接点击就可以分别看到和养生保健相关的商品或文章了。
       如下两图所示：

 
图 商品搜索结果


图 文章搜索结果

 

     这个方法可以普遍适用到其他可以加载js的地方。在自己的网页底部加入下面这行代码 就可以了。

 

<script type="text/javascript" src="http://www.yoothen.com/static/js/searchtip2.js"></script>

 

 

     上面图片中的yoothen 网站使用了searchtip.js。searchtip2.js和searchtip.js的区别在搜索结果的展示和位置上略有不同，searchtip2.js在google图标下显示，searchtip.js在yoothen图标下显示。

     如果不希望引用其他网站的资源，可以下载searchtip2.js到本地或自己的网站中直接使用，也是要将这个js文件放于页面的body元素之间的某个位置即可。

     也可以自己修改显示的样式；或者在代码最后部分，修改淘宝搜索url中pid属性的值和谷歌搜索url中cx属性的值，为你自己的申请标记：）