搜索框聚焦伸展

html中对应的表单

对应的js
$(function(){
$("#q").focus(function(){
    $("#q").animate({"width":300},400);
  });
  $("#q").blur(function(){
    $("#q").animate({"width":200},400);
  });
});