比较平滑的js控制textaera的高度

更新时间：2008年07月26日 12:54:08 作者：

textarea高度控制代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>佐佐制造 --textarea---addheight</title> <style type="text/css"> /* Reset style */ * { margin:0; padding:0; word-break:break-all; } body { background:#FFF; color:#333; font:12px/1.4em Helvetica, Arial, sans-serif; } h1, h2, h3, h4, h5, h6 { font-size:1em; } a { color:#333; text-decoration:none; }     a:hover { text-decoration:underline; } ul, li { list-style:none; } fieldset, img { border:none; } input, textarea, select, button { font:12px Helvetica, Arial, sans-serif; } .button { padding:0 10px; height: 22px; border: 1px solid; border-color: #EEE #999 #999 #EEE; background: #DDD; color: #333; line-height: 20px; cursor: pointer; margin-left:2px; } .submit { padding:0 10px; height: 22px; border: 1px solid; border-color: #DDD #CC8305 #CC8305 #DDD; background: #FFA200; color: #FFF; line-height: 20px; letter-spacing: 1px; cursor: pointer; } /* edit style */ #edit { width:300px; margin:50px; }     .edit_caption { width:100%; overflow:hidden; margin-bottom:1px; overflow:hidden; }     .edit_caption span { display:block; float:left; margin:0 1px; padding:4px 10px; background:#DDD; cursor:pointer; }     .edit_caption span:hover { background:#EEE; }     #edit textarea { width:300px; height:80px; margin:0; padding:0; } </style> <script type="text/javascript"> var addH=1; function addHeight() {   if (!document.getElementById('comment_content')) return flase;     var comment = document.getElementById('comment_content');     var nowH = parseInt(comment.style.height);     if (nowH < 250) {             nowH+=2;         comment.style.height=nowH+"px";         addH++;         if (addH > 25){              addH=1;         } else {         window.setTimeout("addHeight()","10");         }     } } function minHeight() {   if (!document.getElementById('comment_content')) return flase;     var comment = document.getElementById('comment_content');     var nowH = parseInt(comment.style.height);     if (nowH > 50) {         nowH-=2;         comment.style.height=nowH+"px";         addH++;         if (addH > 25){              addH=1;         } else {         window.setTimeout("minHeight()","10");         }     } } </script> </head> <body> <div id="edit">     <div class="edit_caption">         <span class="tool_bigger" onclick="addHeight()">放大</span>         <span class="tool_smaller" onclick="minHeight()">缩小</span>     </div>     <div><textarea id="comment_content" tabindex="1" rows="8" name="comment_content" style="height:100px"></textarea></div> </div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

动态改变textbox的宽高的js
动态改变textbox的宽高的js...
2006-10-10
用javascript将数据库中的TEXT类型数据动态赋值到TEXTAREA中
用javascript将数据库中的TEXT类型数据动态赋值到TEXTAREA中...
2007-04-04
表单项的name命名为submit、reset引起的问题
最近朋友使用了form的一个表单命名为关键词引起了无法reset和提交.原来是这个问题
2007-12-12
兼容firefox的文本框只能输入两位小数的数字的代码
JS实现文本框只能输入两位小数的数字,不显示输入的其它字符，兼容ie,firefox值得参考。
2009-12-12
select标记美化--JS式插件、后期加载
<select>标签的外观问题很恼人，各个浏览器都不一致，单单就IE，一个版本就一个长相，还不能用CSS修饰。在这将本人对<select>的美化方法共享出来。
2013-04-04
没有form表单情况下敲回车键提交表单的js代码
原来文章是jsp下，其实应用了js的代码，大家可以参考下，其实各个语言的原理都一样，如果使用了ajax严重就完美的客户端验证了。
2009-09-09
符合标准的js表单提交的代码
符合标准的js表单提交的代码...
2007-09-09
对textarea框的代码调试，而且功能上使用非常方便，酷
对textarea框的代码调试，而且功能上使用非常方便，酷...
2006-06-06
CSS3实现动态背景登录框的代码
本文介绍了一款基于jQuery+CSS3实现的带有动画效果的动态背景登陆框特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2015-07-07
实现复选框全选/全不选切换
实现复选框全选/全不选切换...
2006-12-12