• آموزش جی کوئری: ایجاد تاخیر در انجام دستورات با Delay
    #1
    Note 
    با استفاده از این تابع میتواندر انجام دستوری تاخیر ایجاد کرد.

    مثال:
    [JS]
    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title>delay demo</title>
    <style>
    div {
    position: absolute;
    width: 60px;
    height: 60px;
    float: left;
    }
    .first {
    background-color: #3f3;
    left: 0;
    }
    .second {
    background-color: #33f;
    left: 80px;
    }
    </style>
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
    </head>
    <body>
    <p><button>Run</button></p>
    <div class="first"></div>
    <div class="second"></div>
    <script>
    $( "button" ).click(function() {
    $( "div.first" ).slideUp( 300 ).delay( 800 ).fadeIn( 400 );
    $( "div.second" ).slideUp( 300 ).fadeIn( 400 );
    });
    </script>
    </body>
    </html>
    [/JS]

    پاسخ
    ایجاد موضوع جدید   پاسخ به موضوع  

    موضوعات مرتبط با این موضوع...
    موضوع نویسنده پاسخ بازدید آخرین ارسال
    Note کتاب آموزش node.js C0der 0 733 11-03-2014 ساعت 14:16
    آخرین ارسال: C0der
    Note آموزش جی کوئری: CSS WWWorker 0 330 31-12-2013 ساعت 21:05
    آخرین ارسال: WWWorker
    Note آموزش جی کوئری: رویداد Click WWWorker 0 341 31-12-2013 ساعت 20:55
    آخرین ارسال: WWWorker
    Note آموزش جی کوئری: انیمیشن WWWorker 0 320 31-12-2013 ساعت 20:51
    آخرین ارسال: WWWorker
    Note آموزش جی کوئری: اضافه یا حذف Class WWWorker 0 535 31-12-2013 ساعت 20:40
    آخرین ارسال: WWWorker
    Note آموزش جی کوئری: اضافه کردن المنتهایی به المنت موجود WWWorker 0 409 31-12-2013 ساعت 20:34
    آخرین ارسال: WWWorker
    Note آموزش Ajax در 5 دقیقه! SOFTAFZAR 3 902 14-08-2013 ساعت 09:17
    آخرین ارسال: Daniel
    Note آموزش ساخت color picker amirali 0 404 06-02-2013 ساعت 20:40
    آخرین ارسال: amirali
    Note کتاب آموزش جاوا اسکریپت Stack OverFlow 0 505 16-09-2012 ساعت 18:14
    آخرین ارسال: Stack OverFlow
    Note آموزش مقدماتی جاوا اسکریپت SOFTAFZAR 17 3,285 16-07-2012 ساعت 11:32
    آخرین ارسال: SOFTAFZAR

    کاربرانِ درحال بازدید از این موضوع:   1 مهمان