<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script language="JavaScript" src="js/jquery-1.11.1.min.js"></script>
<title>文本域的滚动条高度变化</title>
</head>
<body>
<div class="messsge">
<div class="msg_top">
<input type="button"value="向上"id="upBtn"/> <input type="button"value="向下"id="downBtn"/>
</div>
<div class="tt">
<textarea id="content"rows="4"cols="35">
我如果爱你——
绝不像攀援的凌霄花，
借你的高枝炫耀自己；
我如果爱你——
绝不学痴情的鸟儿，
为绿荫重复单调的歌曲；
也不止像泉源，
常年送来清凉的慰藉；
也不止像险峰，
增加你的高度，衬托你的威仪。
甚至日光，
甚至春雨。
不，这些都还不够！
我必须是你近旁的一株木棉，
作为树的形象和你站在一起。
根，紧握在地下；
叶，相触在云里。
每一阵风过，
我们都互相致意，
但没有人，
听懂我们的言语。
你有你的铜枝铁干，
像刀，像剑，也像戟；
我有我红硕的花朵，
像沉重的叹息，
又像英勇的火炬。
我们分担寒潮、风雷、霹雳；
我们共享雾霭、流岚、虹霓。
仿佛永远分离，
却又终身相依。
这才是伟大的爱情，
坚贞就在这里：
爱——
不仅爱你伟岸的身躯，
也爱你坚持的位置，
足下的土地。
</textarea>
</div>
</div>
<script>
$(document).ready(function(){
var $content=$("#content"); //获取文本域对象
$("#upBtn").click(function(){ //向上按钮的单击事件
if(!$content.is(":animated")){ //是否处于动画中
if($content.height()<350){
$content.animate({scrollTop:"-=40"},500);
}
}
})
$("#downBtn").click(function(){ //向下按钮的单击事件
if(!$content.is(":animated")){ //是否处于动画中
if($content.height()>40){
$content.animate({scrollTop:"+=40"},500);
}
}
})
})
</script>
</body>
<html>
【第六章】文本域的滚动条高度变化
最新推荐文章于 2021-12-22 11:16:04 发布
328
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
