操作文本域

BTS__TING

于 2019-11-20 20:15:02 发布

阅读量152

点赞数

本文链接：https://blog.csdn.net/BTS__TING/article/details/103170531

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script type="text/javascript"src="js/jquery-1.11.1.min.js"></script>
		<title></title>
	</head>
	<body>
		<div class="message">
			<div class="msg_top">
				<input type="button"value="放大"id="bigBtn"/>&nbsp;&nbsp;<input type="button"value="缩小"id="smallBtn"/>
			</div>
			<div class="tt">
				<textarea id="content"rows="4"cols="35">njkbkjxhsjcbdskjvckjsdc</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>