textarea可以放大缩小
来源:互联网 发布:云南投资公司知乎 编辑:程序博客网 时间:2024/05/01 08:06
<script type="text/javascript"><!--google_ad_client = "pub-4490194096475053";/* 内容页,300x250,第一屏 */google_ad_slot = "3685991503";google_ad_width = 300;google_ad_height = 250;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
<!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>corange-textarea可以放大缩小</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>
- textarea可以放大缩小
- jQuery_review之textarea的放大和缩小的jQuery实现
- android 实现可以放大缩小的TextView
- 自定义图可以放大和缩小
- 超酷!可以缩小放大的 Viewpager
- 放大 缩小
- 【放大、缩小】
- Android 重载ImageView 可以使用手势放大缩小拖动
- 超强兼容iframe自适应大小,放大缩小都可以
- ios实现button变换颜色并可以放大、缩小、旋转
- [Android]可缩放性ImageView(可以放大缩小)
- 可以通过手势放大缩小图片的TouchImageView
- 【实训】可以移动放大缩小的图片控件
- Android 放大星星又可以缩小的星星
- 图片缩小放大脚本
- 图片放大缩小代码
- 放大缩小的代码
- flex图片放大缩小
- Windows Mobile、IPHONE、Nokia n73刷机体验
- 守护进程的调试方法
- 查询Oracle中两个字段间的数据(date类型)
- wince中气泡的弹出实现
- unresolved external symbol "public: static struct 错误的原因及解决方法
- textarea可以放大缩小
- 层点击可以展开(打开),再次点击关闭(收缩)
- html编辑器_ASP.PHP版
- JavaScript 仿LightBox内容显示效果
- C++什么时候用delete
- 圆角矩形
- 友好URL的实现
- php购物车类
- 简历篇