搜索框聚焦伸展
html中对应的表单
对应的js
$(function(){
$("#q").focus(function(){
$("#q").animate({"width":300},400);
});
$("#q").blur(function(){
$("#q").animate({"width":200},400);
});
});
点击(此处)折叠或打开
-
<form target="_blank" action="/search" accept-charset="UTF-8" method="get">
-
<input type="text" id="q" class="search-input" name="q" placeholder="搜索" value="">
- </form>
$(function(){
$("#q").focus(function(){
$("#q").animate({"width":300},400);
});
$("#q").blur(function(){
$("#q").animate({"width":200},400);
});
});