码迷,mamicode.com
首页 > Web开发 > 详细

jQuery_review之textarea滚动条往上往下的实现

时间:2014-07-24 23:03:33      阅读:358      评论:0      收藏:0      [点我收藏+]

标签:style   java   color   使用   os   io   width   2014   

    众所周知,各种浏览器对于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

jQuery_review之textarea滚动条往上往下的实现

标签:style   java   color   使用   os   io   width   2014   

原文地址:http://blog.csdn.net/ziwen00/article/details/38094079

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!