jQuery 分门别类搜索框带过滤器的搜索框-20130723

jQuery 分类搜索框带过滤器的搜索框-20130723
1、效果及功能说明

搜索框特效，制作一个jQuery分类搜索框，当鼠标点击搜索框时，会滑动展示分类菜单，点击选择/过滤分类菜单进行分类搜索

2、实现原理

先是在输入框内当点击到input后在添加一个点击事件，展开选择框里面的多少可以打勾的buttom都定义一个事件，当打过勾就可以会的当前的值，在进行筛选，当鼠标离开展开框后，展开框的展开类被删除，展开框消失，和在input里面的箭头回复原状，当展开框出现的时候箭头是向上的，展开框出现后箭头是向下的

主要的方法

4、运行环境 

IE6 IE7 IE8及以上 Firefox 和 Google Chrome游览器下都可实现 


(无图片)5、所有图片的压缩包新建一个文件后将包解压放进文件夹图片的压缩包在页面的最下方可以看到并下载下载后无需修改文件夹名因为本身就已经写好了和html5内的路径相吻合 

6、将创建html文件保存的时候将编码类型换成(UTF-8有签名)这样可以让部分中文正常的显示出来，将保存类型(T)换成(所有文件(*.*))，将html5和解压后的图片文件夹放在同一个文件夹内效果 


7、代码[html5]