教程集 > 脚本编程 > javascript > 正文 jquery 当文本域获得焦点时自动变大

jquery 当文本域获得焦点时自动变大

发布时间：2016-11-26 编辑：jiaochengji.com

教程集为您提供jquery 当文本域获得焦点时自动变大等资源，欢迎您收藏本站，我们将为您提供最新的jquery 当文本域获得焦点时自动变大资源

本文章来给各位同学详细介绍jquery 当文本域获得焦点时自动变大的实例代码，有需要了解同学可进入参考。

提示：您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <html xmlns="http://www.w3.org/1999/xhtml" > <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>当文本域获得焦点时自动变大</title> <meta name="keywords" content="jQuery 技巧,jQuery 文本框,jQuery 文本框焦点" /> <meta name="description" content="" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script> </head> <body> <h3>请用鼠标点击该文本域：</h3> <textarea class="auto-area" style="height:20px;width:50%;"></textarea> <script type="text/javascript"> jQuery("textarea.auto-area").focus(function() { $(this).animate({ height: "100px" }, 300); }).blur(function() { $(this).animate({ height: "20px" }, 300); }); </script> </body> </html></textarea>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
jquery 当文本域获得焦点时自动变大
 jquery中focus()函数实现当对象获得焦点后自动把光标移到内容最后
 jQuery输入框备注插件 InputLabel
Jquery实现获取焦点、失去焦点的代码
 调用DOM对象的focus使文本框获得焦点
 jquery的focus函数用法示例
 jQuery 在光标定位的地方插入文字的插件
 文本框获得焦点与失去焦点实现代码
 js文本框获得或失去焦点时变色的代码
 js实现页面加载时获取input文本框焦点

上一篇：经典树形菜单下一篇：javascript简单拖拽效果代码

[关闭]

jquery 当文本域获得焦点时自动变大

最近更新

浏览排行