众所周知，各种浏览器对于HTML、CSS以及原生JS的支持不尽相同。但是jQuery很好地封装了各种浏览器不同的实现，能够很好地解决跨浏览器的CSS问题。下面就是在review表单操作的时候的一个DEMO，这个如果添加动画效果会更好，jQuery所有的动画效果都是可以通过animate函数来实现，这里用到了一个CSS属性，scrollTop属性，是当前的滚动条距离上边距的而距离，此外，还在css中使用了-=和+=。记录在这个地方，方便后面做项目的时候查找使用。
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="jquery-1.8.3.js"></script>
<script type="text/javascript">
$(function(){
var ta = $("textarea");
$("span").click(function(){
if($(this).is(".textAreaUp")){
if(!ta.is(":animated")){
ta.animate({"scrollTop":"-=50"},5000);
}
}else{
if(!ta.is(":animated")){
ta.animate({"scrollTop":"+=50"},5000);
}
}
});
});
</script>
<style type="text/css">
textarea{
width:400px;
height:300px;
}
.resumeContainer{
width:200px;
}
.textAreaUp,.textAreaDown{
color:white;
background-color:black;
margin:2px;
padding: 2px 6px;
}
</style>
</head>
<body>
<div class="resumeContainer">
<span class="textAreaUp">up</span><span class="textAreaDown">down</span>
<textarea rows="3" cols="10">
今天终于结束了150个课时的第一轮自学，也算是完成自己学习的一个里程碑，虽然后面还是需要大量温故而知新的过程，但是终究为了自己的目标又迈进了坚实的一步，为此在今天2014/07/20给自己鼓个掌，希望自己能够继续坚持下去！
转眼自己马上到三十而立之年，因为儿时的叛逆，最终让自己选择了了这条爱恨交加的IT路，回首过去的几年，其实学到的最重要的一件事情就是谦恭、坚持。每一个从事IT行业的人，都是很聪明的，尤其是现在的同事中，很多都是天之骄子，每个人都有在某一方面出众的才华，所以在日常的工作中，一定要谦恭，知道自己的不足，学习别人的长处。
一个同学曾经在朋友圈里面发了这样一条信息，至今仍旧让我印象深刻：“什么是好的公司？好的公司就是周围的人都比你更牛，而且这些比你更牛的人一直在不停的学习”。在这样的公司里面，你会有一种无形的压力，逼迫你不停的去提高自己，加之公司的氛围比较轻松，富有经验的前辈愿意与你交流你的心得体会，在这样的公司中，会得到快速的成长，我非常庆幸能够在这样的环境中，这里，也必须应当正视自己身上出现的问题。
中国古代的谦恭教义，不仅影响到我们的祖辈，甚至都影响了很多国外友人，在某一篇文章中看到：“No matter how great you are,there is always someone more greater”，就是所谓的人外有人天外有天了。估计我已经超过了马斯洛有关生理方面需求的层次，转而对自己的技术有着宗教般的崇敬，希望能够藉此展现自己的与众不同。这个也是我需要在后面尤其注意的，应该默默的加强个人技术体系的建设，形成自己的技术沉淀库的同时，加强个人职业的修养，提升综合能力，海河不择细流，故能成其大。
做了一番自我批评之后，回到写这篇感想的初衷上来“三个学习方法的理解”，今天上午看了一本英语书上的三个学习态度，十分有感触，于是就写一点感想：“第一，要善于利用任何一点零星时间。第二，少就是多，慢就是快。第三，持之以恒，永不放弃！”。
要善于利用任何一点零星的时间。2010年，当时我在负责一个项目的管理工作，那时候每天都有上百件事情要去处理，而且作为项目经理，已经成了整个项目管理进程中的瓶颈。在后面的时间中，受到前辈的点拨，同时细读了《华为时间管理》一篇文章的内容，于是就建立了对待解决问题的“轻重缓急”分类的意识。将事情进行分类，让事情的处理朝着自己希望的方向发展，善于抛弃哪些会影响你目标或者对你的目标没有什么帮助的事情。建立自己在问题处理上的“雷区”。将自己的所有时间投资到自己的目标上来。善于利用在等公交车、等人、排队、上下班、午休以及各种零星时间提升自己的能力，学习自己想要学习的知识。
少就是多、慢就是快。将一个个零碎的知识点，一件件小事，磨碎、理解、吃透，将印在书本上的前人经验、别人在处理问题上体现出来的智慧、能力真正变成自己的，就好像武侠小说中的那个邪恶的“吸星大法”。不要做一个固执的人，善于吸收任何方向的力量的人，才是真正恐怖的。要练习的，就是要有一种吸收知识，经验，从而转化为自己所用的那种能力。
持之以恒，永不放弃！“做一件好事不难，难的是做一辈子的好事”。马上而立之年，必须要学会的事情就是坚持去做一件事情。勇敢的去挑战自己内心的“心理舒适区”，让自己能够吃苦，善于吃苦。所有现在别人拥有的让人羡慕的能力都是时间的累积，从简单的量变累积而成的质变。坚持每天学习一点，时间久了，就会拥有一座座丰富的宝藏。
好吧，这只是我在一个无聊的周末下午，写的一个无聊的感悟，只是希望以后能常常思考一下这种问题，不要GO ASTRAY.
</textarea>
</div>
</body>
</html>
jQuery_review之textarea滚动条往上往下的实现,布布扣,bubuko.com
时间： 2024-12-19 12:27:54