如下js代码,取自:http://bjmun.org/
$(function(){ $('#s').focus(function() { //设置获得焦点时的方法,让文本框变长 $(this).animate({width: "215"}, 300 ); $(this).val(''); //用于清空内容,可选操作 }); $('#s').blur(function() { //设置失去焦点时的方法,让文本框变短 $(this).animate({width: "100"}, 300 ); }); });