<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="jss/jquery-1.3.2.min.js"></script>
<title>文本域的高度变化</title>
</head>
<body>
<div class="message">
<div class="msg_top">
<input type="button"value="放大"id="bigBtn"/> <input type="button"value="缩小"id="smallBtn"/>
</div>
<div class="tt">
<textarea id="content"rows="4"cols="35">
肖战 王一博 王俊凯 王源 易烊千玺
肖战 王一博 王俊凯 王源 易烊千玺
肖战 王一博 王俊凯 王源 易烊千玺
肖战 王一博 王俊凯 王源 易烊千玺
肖战 王一博 王俊凯 王源 易烊千玺
肖战 王一博 王俊凯 王源 易烊千玺
</textarea>
</div>
</div>
<script>
$(document).ready(function(){
var $content=$("#content"); //获取文本域对象
$("#bigBtn").click(function(){ //放大按钮单击事件
if(!$content.is(":animated")){ //是否处于动画中
if(!$content.height()<350){
$content.animate({height:"+=70"},500);
}
}
})
$("#smallBtn").click(function(){ //缩小按钮单击事件
if(!$content.is(":animated")){ //是否处于动画中
if($content.height()>70){
$content.animate({height:"-=70"},500);
}
}
})
})
</script>
</body>
<html>
文本域高度的变化
最新推荐文章于 2023-07-07 16:54:52 发布