简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Perubahan ketinggian kotak teks berbilang baris jQuery

<html>
    <meta charset="utf-8"/>
    <head>
        <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
    </head>
    <body>
        <form>
            <div class="msg">
                <div class="msg_caption">
                    <span class="bigger">放大</span>
                    <span class="smaller">缩小</span>
                </div>
                <div>
                    <textarea id="comment" rows="8" cols="20">陈冬:(喘气，笑)压力挺大啊……景海鹏:(喘气)对，载荷还挺大……做好开伞准备啊!陈冬:好的。……景海鹏:过载压力小一点了啊。陈冬:小多了!景海鹏:准备一下报告词:“神舟十一号报告:状态正常”。陈冬:好的!神舟十一号报告:状态正常。 完毕!
开主伞后……
景海鹏:安全带系紧点儿。陈冬:好嘞!景海鹏:能系多紧系多紧。陈冬:好，系上了!景海鹏:座椅提升，准备!陈冬:好嘞!(用力)景海鹏:手放好啊! 安全带再系紧啊!陈冬:紧了一些，OK!景海鹏:身体用力，身体贴合(座椅)，身体用力。陈冬:明白!据央广
还原“回家”之路-
13时11分
神舟十一号飞船接收到北京航天飞行控制中心的返回指令，轨道舱与返回舱成功分离。此后，返回舱启动制动返回程序，开始返回地面。约30分钟后，返回舱进入主着陆场区测控搜索范围。
13时59分
                    </textarea>
                </div>
            </div>
        </form>
       
        <script>
            $(function () {
                var $comment = $('#comment');
                $('.bigger').click(function () {
                    if (!$comment.is(":animated")) {
                        if ($comment.height() < 500) {
                            //重新设置高度，在原有的基础上加50
                           $comment.animate({height: "+=50"}, 400);
                        }
                    }
                });
                $('.smaller').click(function () {
                    if (!$comment.is(":animated")) {
                        if ($comment.height() > 50) {
                            //重新设置高度，在原有的基础上减50
                            $comment.animate({height: "-=50"}, 400);
                        }
                    }
                });
            });
        </script>
    </body>
</html>


Meneruskan pembelajaran
||
<html> <meta charset="utf-8"/> <head> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> </head> <body> <form> <div class="msg"> <div class="msg_caption"> <span class="bigger">放大</span> <span class="smaller">缩小</span> </div> <div> <textarea id="comment" rows="8" cols="20">陈冬:(喘气，笑)压力挺大啊……景海鹏:(喘气)对，载荷还挺大……做好开伞准备啊!陈冬:好的。……景海鹏:过载压力小一点了啊。陈冬:小多了!景海鹏:准备一下报告词:“神舟十一号报告:状态正常”。陈冬:好的!神舟十一号报告:状态正常。 完毕! 开主伞后…… 景海鹏:安全带系紧点儿。陈冬:好嘞!景海鹏:能系多紧系多紧。陈冬:好，系上了!景海鹏:座椅提升，准备!陈冬:好嘞!(用力)景海鹏:手放好啊! 安全带再系紧啊!陈冬:紧了一些，OK!景海鹏:身体用力，身体贴合(座椅)，身体用力。陈冬:明白!据央广 还原“回家”之路- 13时11分 神舟十一号飞船接收到北京航天飞行控制中心的返回指令，轨道舱与返回舱成功分离。此后，返回舱启动制动返回程序，开始返回地面。约30分钟后，返回舱进入主着陆场区测控搜索范围。 13时59分 </textarea> </div> </div> </form> <script> $(function () { var $comment = $('#comment'); $('.bigger').click(function () { if (!$comment.is(":animated")) { if ($comment.height() < 500) { //重新设置高度，在原有的基础上加50 $comment.animate({height: "+=50"}, 400); } } }); $('.smaller').click(function () { if (!$comment.is(":animated")) { if ($comment.height() > 50) { //重新设置高度，在原有的基础上减50 $comment.animate({height: "-=50"}, 400); } } }); }); </script> </body> </html>
serahkanTetapkan Semula Kod
Bahagian sebelumnya tiada
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492121 permainan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！