zoukankan      html  css  js  c++  java
  • jQuery——表单应用(3)

    HTML:

    <!--表单-多行文本框应用-滚动条高度变化-->
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <link type="text/css" href="02.css" rel="stylesheet"/>
            <title></title>
            <script type="text/javascript" src="jquery.js"></script>
        </head>
        <body>
            <div class="roll">
                <span class="up">向上</span>
                <span class="down">向下</span>
            </div>
            <div class="content">
                <textarea class="cc" rows="10" cols="40">
                    博客园创立于2004年,是一个面向开发者的知识分享社区。博客园自创立之初就一
                    直致力于解决如何帮助开发者用代码改变世界。曾被评为“2007年中国最具投资价值100网站”。
                    博客园来到了上海,有了自己的团队,注册用户4万多,每天有15万以上的用户访问,除了博客,
                    有了互动交流的小组,有了你问我答的博问,有了收藏精彩内容的网摘,有了搜索站内内容的找找看,
                    有了随时记录思想火花的闪存,有了随时了解业内动态的新闻频道,有了知识库,有了期刊,有了……
                    博客园的用户中成长出了一批又一批专家,在IT行业中大展身手!
                    博客园在行业中的影响力越来越大!
                    博客园正朝着高品质的IT媒体与社区方向发展……
                </textarea>
            </div>
            <script type="text/javascript">
                $(".up").click(function(){
                    if(! $(".cc").is(":animated")){
                        $(".cc").animate({scrollTop : "-=50"}, 400);
                    }
                })
                $(".down").click(function(){
                    if(! $(".cc").is(":animated")){
                        $(".cc").animate({scrollTop: "+=50"}, 400);
                    }
                })
            </script>
        </body>
    </html>

    CSS:

    .up, .down{
        border: 1px double red;
        background-color: yellow;
        cursor: pointer;
    }

    END

  • 相关阅读:
    需求规格说明书
    需求规格说明书模板0.2版本
    需求规格说明书模板0.1版本
    万事开头难,团队一起盘!!
    工程开始了!(2019-03-04)
    SpringBoot RESTful API返回统一数据格式还不懂?
    Springboot读取配置文件中的属性
    java本地缓存的使用
    解决github访问不了和慢的问题2021-06-27
    Oracle DDL
  • 原文地址:https://www.cnblogs.com/sunshine-blog/p/7118019.html
Copyright © 2011-2022 走看看