结合实例给大家介绍一下如何使用CSS3和jQuery来实现一个可伸缩功能的搜索条。在实例中，我们只展示一个搜索按钮，当点击搜索按钮时，输入框由右向左滑动展开，输入搜索内容后，点击搜索按钮则跳到搜索结果页，搜索输入框收起

搜索条在我们网站是必不可少的，尤其是在有限的页面空间里，放置一个重要的搜索条是个难题，今天我将结合实例给大家介绍一下如何使用CSS3和jQuery来实现一个可伸缩功能的搜索条。 HTML 在需要放置搜索条的页面中放置如下html代码，搜索条#search_bar包含一个form#myform表单，表单中放置一个搜索输入框#search，一个搜索按钮.search_btn以及搜索按钮图标.search_ico。 复制代码代码如下: <in

HTML 在需要放置搜索条的页面中放置如下html代码，搜索条#search_bar包含一个form#myform表单，表单中放置一个搜索输入框#search，一个搜索按钮.search_btn以及搜索按钮图标.search_ico。 复制代码代码如下: &l