zoukankan      html  css  js  c++  java
  • 停止字jQuery中图片隐藏效果的的所有方法

    废话就不多说了,开始。。。

        <head>

        <title></title>

        <style type="text/css">

            .imgclass

            {            

                300px;

                height: 300px;

                border: solid 1px red;

                position:relative; left:100px; top:100px;

            }

            img

            {

                position:absolute;

                top:10px;

                left:10px;

                height:100px;

                100px;

                }

            td

            {

                300px;

                height:300px;

                }

        </style>

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

        <script type="text/javascript">

            $(function () {

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

                    //$('img').css({'500px',height:'500px'});

                    //$('img').animate({'500px',height:'500px'}, 2000);

                    $(this).animate({ '500px' }, 2000).animate({ height: '500px' }, 2000).animate({ left: '+=100px' }, 2000).animate({ top: '-=100px' }, 2000);

                })

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

                    $('#spinfo').animate({ fontSize: '40px' }, 2000);

                })

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

                    $('img').stop();

                })

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

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

                })

                $('#Button4').bind('click', function () {

                    $('img').fadeIn(2000, function () {

                        $('#Button4').val("哈哈");

                    })

                })

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

                    $('img').fadeOut(2000, function () {

                        $('#Button5').val("嗯嗯");

        每日一道理
    一个安静的夜晚,我独自一人,有些空虚,有些凄凉。坐在星空下,抬头仰望美丽天空,感觉真实却由虚幻,闪闪烁烁,似乎看来还有些跳动。美的一切总在瞬间,如同“海市蜃楼”般,也只是刹那间的一闪而过,当天空变得明亮,而这星星也早已一同退去……

                    })

                })

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

                    $('img').fadeTo(2000, 0.5, function () {

                        $('#Button6').val("呵呵");

                    })

                })

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

                    $('img').slideUp(2000);

                })

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

                    $('img').slideDown(2000);

                })

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

                    $('img').slideToggle(2000)

                })

            })

        </script>

        </head>

        <body>

        <input id="Button1" type="button" value="字变大" />

        <input id="Button2" type="button" value="停止" />

        <input id="Button3" type="button" value="延迟" />

        <input id="Button4" type="button" value="fadeIn" />

        <input id="Button5" type="button" value="fadeOut" />

        <input id="Button6" type="button" value="fadeTo" />

        <input id="Button7" type="button" value="上拉" />

        <input id="Button8" type="button" value="下拉" />

        <input id="Button9" type="button" value="自动上拉下拉" />

        <span id="spinfo">好热</span>

        <br />

        <img src="images/1.jpg" class="imgclass" />

        </body>

    文章结束给大家分享下程序员的一些笑话语录: IBM和波音777
      波音777是有史以来第一架完全在电脑虚拟现实中设计制造的飞机,所用的设备完全由IBM公司所提供。试飞前,波音公司的总裁非常热情的邀请IBM的技术主管去参加试飞,可那位主管却说道:“啊,非常荣幸,可惜那天是我妻子的生日,So..”..
      波音公司的总载一听就生气了:“胆小鬼,我还没告诉你试飞的日期呢!”

  • 相关阅读:
    CBOW Model Formula Deduction
    RBM Formula Deduction
    various Sequence to Sequence Model
    Gated Recurrent Unit (GRU)公式简介
    RNN 入门教程 Part 4 – 实现 RNN-LSTM 和 GRU 模型
    List接口
    集合框架的接口
    接口的使用
    常量的定义
    接口的特性与定义
  • 原文地址:https://www.cnblogs.com/jiangu66/p/3065690.html
Copyright © 2011-2022 走看看