插件描述：实用jQuery搜索框选项下拉选择特效，实现原理很简单：当鼠标放到箭头的时候显示隐藏的DIV层，
然后就可以选择选项，至于选项的值，则采用在li 标签上加了value属性，这样就可以对应选项的
值，在选中的时候则把选项的值传递给隐藏hidden控件，这样就达到了搜索的功能，赶紧试下吧。
调用方法：
1.搜索框位置
搜索框的位置可以根据CSS进行绝对地位，修改top,right的值就可以
.search {float: left;font-size: 14px;border: 1px solid #CCC;position: absolute;top:30px;right:300px;}
2.函数调用
<script type="text/javascript">$(function(){$("#header-search").hover(function(){$("#search-sort-list").show();},function(){$("#search-sort-list").hide();});//搜索选项选择$("#search-sort-list li").click(function(){var curTxt = $(this).text();var type = $(this).val();$('#search').val(type);$(this).addClass("current").siblings().removeClass("current");$(this).parent().siblings(".search-sort-txt").text(curTxt);if(type==181)//这里是调整文字显示的宽度{$(".search-sort-txt").css("width","46px");}else if(type==190){$(".search-sort-txt").css("width","35px");}else{$(".search-sort-txt").css("width","30px");}$(this).parent().hide();});});</script>
注意：所有网页特效均为互联网上收集，若有侵权，请告知删除。
关键词: JS下拉菜单jQuery下拉列表jQuery下拉导航jQuery下拉选择JS下拉选择
© 版权声明
【站长推荐】购买会员可免费下载全站资源。【提示】本站只提供资源，不提供技术支持，介意勿下！！【公告】没有基础小白不要下载，站长不教！！
本站提供的资源，都来自网络，版权争议与本站无关，所有内容及软件的文章仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负，我们不保证内容的长久可用性，通过使用本站内容随之而来的风险与本站无关，您必须在下载后的24个小时之内，从您的电脑/手机中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。如果有侵权之处请第一时间联系我们删除。
本站提供的资源，都来自网络，版权争议与本站无关，所有内容及软件的文章仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负，我们不保证内容的长久可用性，通过使用本站内容随之而来的风险与本站无关，您必须在下载后的24个小时之内，从您的电脑/手机中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。如果有侵权之处请第一时间联系我们删除。
THE END
