1. مهمان گرامی، جهت ارسال پست، دانلود و سایر امکانات ویژه کاربران عضو، ثبت نام کنید.
    بستن اطلاعیه

افکت ( ) fadeIn در jQuery

شروع موضوع توسط minaaa ‏1/9/13 در انجمن JQuery

  1. کاربر پیشرفته

    تاریخ عضویت:
    ‏9/12/10
    ارسال ها:
    19,795
    تشکر شده:
    6,456
    امتیاز دستاورد:
    113
    در این بخش از آموزش jquery ، افکت fadeIn را در طراحی سایت آموزش می دهیم.
    افکت fadeIn باعث می شود تا عنصر مورد اثر آن به تدریج از حالت مخفی به حالت نمایان در بیاید. افکت fadeIn در یک افکت تصویری با زیاد کردن نور عنصر به تدریج باعث نمایان شدن آن می شود .
    بدیهی است این افکت بر روی عناصری قابل اجراست که در ابتدا مخفی باشند . شکل کلی استفاده از این متد به شرح زیر است :
    $ ( " selector " ).fadeIn ( speed , callback )
    selector :selector عنصری است که این افکت باعث نمایان شدن آن می شود .
    speed : این پارامتر اختیاری بوده و مقدار پیش فرض آن صفر است .
    این پارامتر سرعت نمایان شدن عنصر توسط افکت را تعین می کند .
    این پارامتر به دو صورت قابل مقداردهی می باشد .
    تعیین به وسیله زمان بر حسب میلی ثانیه : در این حالت مدت زمانی که می خواهید در آن عنصر به تدریج نمایان شود را نعیین می کنید . مثلا 100 ms .
    تعیین بر اساس 3 حالت کلی زیر : در این حالت با انتخاب یکی از 3 مقدار زیر سرعت نمایان شدن را آرام ، معمولی و یا سریع انتخاب می نمایید .
    "slow"
    "normal"
    "fast"

    callback :توسط این پارامتر می توان نام یک تابع را تعیین کنید تا پس از پایان پافتن اجرای افکت و نمایان شدن عنصر مورد نظر ، آن تابع اجرا شود .
    به کار بردن این پارامتر اختیاری است .

    مثال زیر کاربرد افکت fadeIn را نشان میدهد .
    $("button").click(function(){
    $("#div1").fadeIn();
    $("#div2").fadeIn("slow");
    $("#div3").fadeIn(3000);
    });
    با کلیک روی هر button عمل fadein شدن بر روی تگ هایی که ای دی انها div1,div2,dive3 است با سرعت های متفاوت انجام می شود
     
    یک شخص از این تشکر کرد.
  2. عضو جدید

    تاریخ عضویت:
    ‏8/8/16
    ارسال ها:
    9
    تشکر شده:
    23
    امتیاز دستاورد:
    3
    حرفه:
    دانش آموز
    واقعا متاسفم که مطالبی این چنین ارزشمند مورد توجه دوستان قرار نگرفته است،شخصا به عنوان یک نوجوان علاقه مند به css,htmlو حتی جاوا اسکریپت از نوشته های شما استفاده کرده و همه مطالب با ارزشتان را پرینت گرفتم.به امید موفقیت روزافزون شما
    موفق باشید
     
    سایه از این پست تشکر کرده است.