动画停止animate动画效果(泪奔的小孩)stop和delay的用法

在改章节中,我们主要介绍动画停止的内容,自我感觉有个不错的建议和大家分享下

    <head>

    <title></title>

    <script src="jquery-1.9.1.js" type="text/javascript"></script>

    <style type="text/css">

    img

    {

        width:150px;

        height:200px;

        position:relative;

        }   

    td{width:150px;height:200px;}

    table{border:solid 1px black;}

    </style>

    <script type="text/javascript">

        $(function () {

            $('img').click(function () {

                $(this).animate({ left: '+=150px' }, 2000).animate({ left: '+=150px' }, 2000).animate({ top: '+=200px' }, 2000).animate({ left: '-=150px' }, 2000).animate({ left: '-=150px' }, 2000).animate({ top: '+=200px' }, 2000).animate({ left: '+=150px' }, 2000).animate({ left: '+=150px' }, 2000);

            })

            //停止动画,当一个元素有一个动画队列时,停止的是以后动画,紧接着行执下一个动画

            $('#btnStop').click(function () {

                $('img').stop();

            })

            $('#btnYanChi').click(function () {

    每日一道理
当浮华给予我们过多欺骗,现实中的虚假几乎让我们忘却了真的存在,是真情唤回了迷离的心,是真情带给了我们最纯、最真的感觉,它流露的是美的誓言,渗透的是永恒执著的真爱。

                $('img').delay(2000).hide(2000);

            })

        })

    </script>

    </head>

    <body>

    <table>

        <tr>

            <td>

               <img src="images/泪奔1.gif" />

            </td>

            <td>

                &nbsp;

            </td>

            <td>

                &nbsp;

            </td>

        </tr>

        <tr>

            <td>

                &nbsp;

            </td>

            <td>

                &nbsp;

            </td>

            <td>

                &nbsp;

            </td>

        </tr>

        <tr>

            <td>

                &nbsp;

            </td>

            <td>

                &nbsp;

            </td>

            <td>

                &nbsp;

            </td>

        </tr>

    </table>

    <input id="btnStop" type="button" value="stop" />

    <input id="btnYanChi" type="button" value="延迟行执" />

    </body>

文章结束给大家分享下程序员的一些笑话语录: 程序语言综述
CLIPPER 程序员不去真的猎捕大象,他们只是购买大象部分的库然后花几年的时间试图综合它们。
DBASE 程序员只在夜间猎捕大象,因为那时没人会注意到他们还在使用石弓。
FOXPRO 程序员开始使用更新更好的步枪,这使他们花掉比实际狩猎更多的时间学习新的射击技术。
C 程序员拒绝直接购买步枪,宁可带着钢管和一个移动式机器车间到非洲,意欲从零开始造一枝完美的步枪。
PARADOX 程序员去非洲时带着好莱坞关于猎捕大象的电影剧本,他们认为照剧本行事就会逮到一头大象。
ACCESS 程序员在没有任何猎象经验的经验下就出发了,他们穿着华丽的猎装、带着全部装备,用漂亮的望远镜找到了大象,然后发觉忘了带扳机。
RBASE 程序员比大象还要稀少,事实上,如果一头大象看到了一个RBASE程序员,对他是个幸运日。
VISUAL ACCESS 程序员装上子弹、举起步枪、瞄准大象,这使大象感到可笑,究竟谁逃跑。他们无法抓住大象,因为由于他们对多重控制的偏爱,他们的吉普车有太多的方向盘因而无法驾驶。
ADA、APL和FORTRAN 程序员与圣诞老人和仙女一样是虚构的。
COBOL 程序员对和自己一样濒临灭绝的大象寄予了深切的同情。

你可能感兴趣的:(animate)