• آموزش جی کوئری: انیمیشن
    #1
    Note 
    با استفاده از تابع animate میتوان بعضی کدهای CSS را بصورت انیمیشنی اجرا کرد(مانند transition در CSS عمل میکند).

    مثال
    [JS]
    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title>animate demo</title>
    <style>
    div {
    background-color: #bca;
    width: 100px;
    border: 1px solid green;
    }
    </style>
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
    </head>
    <body>
    <button id="go">&raquo; Run</button>
    <div id="block">Hello!</div>
    <script>
    // Using multiple unit types within one animation.
    $( "#go" ).click(function() {
    $( "#block" ).animate({
    width: "70%",
    opacity: 0.4,
    marginLeft: "0.6in",
    fontSize: "3em",
    borderWidth: "10px"
    }, 1500 );
    });
    </script>
    </body>
    </html>
    [/JS]

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

    موضوعات مرتبط با این موضوع...
    موضوع نویسنده پاسخ بازدید آخرین ارسال
    Note کتاب آموزش node.js C0der 0 761 11-03-2014 ساعت 14:16
    آخرین ارسال: C0der
    Note آموزش جی کوئری: ایجاد تاخیر در انجام دستورات با Delay WWWorker 0 605 01-01-2014 ساعت 20:02
    آخرین ارسال: WWWorker
    Note آموزش جی کوئری: CSS WWWorker 0 349 31-12-2013 ساعت 21:05
    آخرین ارسال: WWWorker
    Note آموزش جی کوئری: رویداد Click WWWorker 0 358 31-12-2013 ساعت 20:55
    آخرین ارسال: WWWorker
    Note آموزش جی کوئری: اضافه یا حذف Class WWWorker 0 556 31-12-2013 ساعت 20:40
    آخرین ارسال: WWWorker
    Note آموزش جی کوئری: اضافه کردن المنتهایی به المنت موجود WWWorker 0 435 31-12-2013 ساعت 20:34
    آخرین ارسال: WWWorker
    Note آموزش Ajax در 5 دقیقه! SOFTAFZAR 3 963 14-08-2013 ساعت 09:17
    آخرین ارسال: Daniel
    Note آموزش ساخت color picker amirali 0 418 06-02-2013 ساعت 20:40
    آخرین ارسال: amirali
    Note کتاب آموزش جاوا اسکریپت Stack OverFlow 0 529 16-09-2012 ساعت 18:14
    آخرین ارسال: Stack OverFlow
    Note آموزش مقدماتی جاوا اسکریپت SOFTAFZAR 17 3,498 16-07-2012 ساعت 11:32
    آخرین ارسال: SOFTAFZAR

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