<script type="text/javascript"> functionshowSearchList() { if($('#searchList').is(":visible") == true) { $('#searchList').hide(); } else{ $('#searchList').show(); } } $(function() { $('#serachDiv').blur(function() { //这句很重要用来实现点击其他地方的时候,隐藏div(触发焦点事件) $('#searchList').hide(); }) $('#searchList li').click(function() { $("#searchCategory").html($(this).text()); $('#searchList').hide(); }); $("#hightsearch").click(function() { window.open('/News/ZhengHeGaoJiSearch.aspx'); }) }) functionsearchClink() { varname =$.trim($("#searchCategory").text()); vartitle =escape($("#searchTitle").val()); if(title == '') { alert('关键词不能用空!'); return; } varsite; switch(name) { case "政务新闻": site = '999'; break; case "网上办事": site = '6'; break; case "便民服务": site = '8'; break; case "政府信息公开": site = '5'; break; default: site = '7'; break; } if(site == '6') { varurl = '/2010/eService/eServiceItemList.aspx?type=0&title=' +title; window.open(url); } else if(site == '7') { varurl = '/AuthorityPublic/AuthorityList.aspx?kw=' +title; window.open(url); } else if(site == '8') { varurl = '/2010/Bmfw/SearchResult.aspx?fcheckbox=3&fullname=' +title; window.open(url); } else{ varurl = '/News/ResultSearch.aspx?searchType=&selectSite=' +site + '&keyword=' +title; window.open(url); } } </script> <div class="selectSearch"id="serachDiv"> <h1 onclick="showSearchList()"id="searchCategory">政务新闻</h1> <div class="optionSearch"id="searchList"style="display: none;"> <ul> <li class="bor_top">政务新闻</li> <li>网上办事</li> <li>便民服务</li> <li>政府信息公开</li> <li>行政职权公开</li> </ul> </div> </div>
jquery用div实现下拉列表的效果
免责声明:文章转载自《jquery用div实现下拉列表的效果》仅用于学习参考。如对内容有疑问,请及时联系本站处理。
上篇6个最佳的开源Python应用服务器Java WebService 简单实例下篇
宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=