مارس 3, 2019 Mostafa بدون دیدگاه

رویداد ( ) toggle در jQuery

در این بخش از آموزش JQuery ، رویداد toggle را در طراحی سایت  شرح میدهیم.

رویداد toggle بین دو افکت ( ) show و افکت ( ) hide تغییر وضعیت می دهد .

رویداد toggle وضعیت نمایش و یا عدم نمایش عنصر مورد نظر رابر روی صفحه می سنجد . اگر عنصر در حال نمایش باشد آن را با استفاده از متد Hide مخفی کرده و اگر عنصر مخفی باشد آن را با استفاده از متد Show نمایش می دهد . این متد برای عناصری که از ابتدای اجرای صفحه مخفی تعیین شده اند ، کار نمی کند .

شکل کلی استفاده از این متد به شرح زیر است :

    $( selector ).toggle( speed , easing , callback ) ;

selector : تعیین کننده id عنصری است که می خواهیم افکت ( ) toggle ، بر روی آن اجرا شود .
speed : این پارامتر تعیین کننده سرعت انجام افکت و تغییر حالت عنصر از حالت اول به دوم است . استفاده از این پارامتر اختیاری است .
انواع مقادیر ممکن عبارتند از :
۱) MiliSecond : مدت زمان اجرای افکت بر حسب میلی ثانیه .
۲) Slow : سرعت آهسته
۳) Fast : سرعت زیاد
easing : این پارامتر تعیین کننده سرعت انجام افکت در ابتدا و انتهای آن است . استفاده از این پارامتر اختیاری است .
انواع مقادیر ممکن عبارتند از :
۱) Swing :سرعت انجام افکت در ابتدا و انتهای فرایند آهسته ولی در وسط آن زیاد است .
۲) Liner : سرعت در کل طول فرایند یکسان است .
function : به وسیله این پارامتر می توانیم یک تابع را تعیین کنیم ، تا در پایان انجام افکت ( ) toggle ، اجرا شود .
استفاده از این پارامتر اختیاری است .

مثال زیر کاربرد رویداد toggle را نشان میدهد :

    $("p").toggle(
    function(){$("p").css({"color":"red"});},
    function(){$("p").css({"color":"blue"});},
    function(){$("p").css({"color":"green"});
    });

رویداد ( ) unload در jQuery

در این بخش از آموزش JQuery ، رویداد unload را در طراحی سایت  شرح میدهیم.

رویداد unload زمانی اتفاق می افتد که کاربر از صفحه جاری خارج می شود . برای مثال یکی ار استفاده های جالب این رویداد ، می تواند صدور یک پیام خداحافظی برای کاربر در زمانی که می خواهد صفحه را ببندد ، باشد .
رویداد unload در مواقع زیر رخ می دهد :

کلیک کاربر بر روی لینکی که باعث خروج از صفحه جاری و رفتن به صفحه دیگری می شود .
یک آدرس جدید در نوار آدرس مرورگر نوشته شده و کلید Enter را بزنید .
کلیدهای forward ( رفتن به جلو ) و backward ( رفتن به عقب ) را در مرورگر کلیک نمایید .
پنجره جاری مرورگر بسته شود .
صفحه مجدد لود و فراخوانی شود .
رویداد unload ، می تواند کد یا تابعی را در زمانی که صفحه جاری بسته می شود ، اجرا نماید .
شکل کلی استفاده از رویداد ( ) unload به صورت زیر است :

    $( selector ).unload( function ) ;

function : این پارامتر تعیین کننده تابعی است که می خواهیم در هنگام رخ دادن رویداد ( ) unload ، اجرا شود .
چند نکته :

نکته ۱ : رویداد ( ) unload فقط بایستی با شی window به کار برود .
نکته ۲ : رویداد ( ) unload ممکن است در مرورگر های مختلف ، عملکرد متفاوتی داشته باشد . آن را در مرورگرهای مورد نظر خود تست نمایید .

مثال زیر کاربرد رویداد unload را نشان میدهد :

    $(window).unload(function(){
    alert("Goodbye!");
    });

رویداد ( ) select در jQuery

در این بخش از آموزش JQuery ، رویداد select را در طراحی سایت  شرح میدهیم.

رویداد select زمانی اتفاق می افتد که متن موجود در یک کادر متن ( textfield ) یا textarea ، انتخاب شود .
این رویداد دو کار را انجام می دهد :

باعث بروز و رخ دادن رویداد select برای یک کادر متن می شود . یعنی همانند این است که متن آن را انتخاب نماییم :

    $ ( " selector " ).select ( ) ;

selector : تعیین کننده id عنصری است که می خواهیم متن آن را انتخاب نماییم .

در صورت انتخاب متن یک کادر متن ، این رویداد رخ می دهد . می توان تابعی را تعیین نمود تا در هنگام رخ دادن این رویداد اجرا شود .
شکل کلی استفاده از این رویداد به صورت زیر است :

    $ ( " selector " ).select ( function ) ;

selector : تعیین کننده id عنصری است که می خواهیم متن آن را انتخاب نماییم و یا متنش انتخاب می شود .

مثال زیر کاربرد رویداد select را نشان میدهد :

   $("input").select(function(){
    alert("Text marked!");
    });

رویداد ( ) resize در jQuery

در این بخش از آموزش JQuery ، رویداد resize را در طراحی سایت  شرح میدهیم.

رویداد resize زمانی اتفاق می افتد که اندازه پنجره مرورگر تغییر نماید .
رویداد resize هم می تواند باعث تغییر اندازه پنجره مرورگر شده و یا اینکه در هنگام نغییر اندازه آن ، تابع تعیین شده را اجرا نماید .
شکل کلی استفاده از این متد به شرح زیر است :

    Syntax $ ( " selector " ).resize ( ) ;

یا

    $ ( " selector " ).resize ( function ) ;

selector : این پارامتر تعیین کننده نام پنجره ای است که می خواهید در هنگام تغییر اندازه آن ، رویداد انجام شود . معمولا مقدار این پارامتر window بوده ، که به پنجره جاری مرورگر اشاره می کند .
function : این پارامتر تابعی را تعیین می کند که می خواهیم در هنگام تغییر اندازه پنجره مرورگر اجرا شود .

مثال زیر کاربرد رویداد resize را نشان میدهد :

    $(window).resize(function(){
    $('span').text(x+=1);
    });

رویداد ( ) scroll در jQuery

در این بخش از آموزش JQuery ، رویداد scroll را در طراحی سایت  شرح میدهیم.

رویداد scroll زمانی اتفاق می افتد که کاربر در یک عنصر صفحه ، عمل scroll ( بالا و پایین رفتن ) را انجام دهد .
این رویداد برای تمام عناصری که دارای خاصیت scroll هستند ، مثل صفحه ( window , textarea و … ) وجود دارد .
رویداد scroll هم می تواند باعث scroll یک عنصر شده و یا اینکه در هنگام scroll آن عنصر ، یک تابع تعیین شده را اجرا نماید . شکل کلی استفاده از این متد به شرح زیر است :

    Syntax $ ( " selector " ).scroll ( ) ;

یا

    $ ( " selector " ).scroll ( function ) ;

selector : این پارامتر ، تعیین کننده id عنصری است که عمل scroll بر روی آن انجام می شود .
function : این پارامتر تابعی را تعیین می کند که می خواهیم در هنگام scroll عنصر مورد نظرمان اجرا شود .

مثال زیر کاربرد رویداد scroll را نشان میدهد :

    $("div").scroll(function(){
    $("span").text(x+=1);
    });

رویداد ( ) focusin در jQuery

در این بخش از آموزش JQuery ، رویداد focusin را در طراحی سایت  شرح میدهیم.

رویداد focusin زمانی اتفاق می افتد که یک عنصر فرزند ( عنصری که در درون یک عنصر دیگر قرار گرفته است )، فوکوس برنامه را به دست آورد . عنصری که در هر لحظه انتخاب شده و تمرکز برنامه بر روی آن است ، فوکوس برنامه را در اختیار دارد . دقت کنید که برای رخ دادن این رویداد ، باید یک عنصر فرزند فوکوس را به دست آورد و نه خود عنصر . بدیهی است این رویداد در مورد تگ هایی که عنصر فرزند ندارند ، اجرا نمی شود .
برای مثال فرض کنید که یک تگ div طراحی کرده ایم که در درون آن دو کادر متن قرار دارد . زمانی که هر کدام از کادرهای متین درون آن ، فوکوس برنامه را به دست آورد ، این رویداد اتفاق می افتد .
شکل کلی استفاده از این متد به شرح زیر است :

    $ ( " selector " ).focusin ( function ( ) { ... some code ... } ;

selector : selector کنترل یا عنصری است که یک عنصر فرزند آن فوکوس برنامه را به دست می آورد .
function  : این تابع کد دستوری است که می خواهیم در هنگام رخ دادن رویداد ، انجام شود .

مثال زیر کاربرد رویداد focusin را نشان میدهد :

    $("div").focusin(function(){
    $(this).css("background-color","#FFFFCC");
    });

تابع Callback در jquery

تابع Callback در جیکوئری بعد از اینکه عمل مخفی (و یا آشکار شدن) کامل شد اجرا می شود.

مثال با تابع Callback

در مثال زیر تابع  alert  بعد از اجرا شدن  افکت hide  اجرا میشود:

    $("button").click(function(){
    $("p").hide("slow",function(){
    alert("The paragraph is now hidden");
    });
    });

مثال بدون تابع Callback

در مثال زیر تابع  alert  قبل از اجرا شدن افکت hide  اجرا میشود:

   $("button").click(function(){
    $("p").hide(1000);
    alert("The paragraph is now hidden");
    });

دستورات پشت سر هم (زنجیره ای) در جی کوئری

در جی کوئری می‌توان از خصوصیت فراخوانی زنجیره‌ای متدھا استفاده نمود و این باعث می‌شود چندین کد فقط در یک سطر قرار گیرد و در نتیجه کد بسیار مختصر گردد.

در مثال زیر می‌خواهیم تمام عناصر  تگ <div>  در صورتی که دارای کلاس notLongForThisWorld باشند را مخفی (با فید شدن) کنیم.

    $("div.notLongForThisWorld").fadeOut();

یکی از مزیت‌های اکثر متدهای قابل اجرا بروی مجموعه عناصر انتخاب شده آن است که خروجی خود آنها مجموعه‌ای دیگر است. به این معنا که خروجی این متد، آماده اعمال یک متد دیگر است.
فرض کنید در مثال بالا بخواهیم پس از مخفی کردن هر تگ <div> بخواهیم یک کلاس به نام removedبه آن بیافزاییم. به این منظور می‌توان کدی مانند زیر نوشت:

    $("div.notLongForThisWorld").fadeOut().addClass("removed");

این زنجیره متدها می‌توانند به هرتعداد ادامه پیدا کند.
افکت ( ) fadeOut در jQuery

در این بخش از آموزش jquery ، افکت fadeOut را در طراحی سایت آموزش می دهیم.

افکت fadeOut باعث می شود تا عنصر مورد اثر آن به تدریج از حالت نمایان به حالت مخفی در بیاید. این افکت در یک افکت تصویری با کم کردن نور عنصر به تدریج باعث مخفی شدن آن از دید کاربر می شود .

شکل کلی استفاده از این متد به شرح زیر است :

    $ ( " selector " ).fadeOut ( speed , callback )

selector :عنصری است که این افکت باعث مخفی شدن آن می شود .

speed :این پارامتر اختیاری بوده و مقدار پیش فرض آن صفر است .
این پارامتر سرعت مخفی شدن عنصر توسط افکت را تعین می کند .
این پارامتر به دو صورت قابل مقداردهی می باشد .
تعیین به وسیله زمان بر حسب میلی ثانیه : در این حالت مدت زمانی که می خواهید در آن عنصر به تدریج مخفی شود را نعیین می کنید . مثلا ۱۰۰ ms .
تعیین بر اساس ۳ حالت کلی زیر : در این حالت با انتخاب یکی از ۳ مقدار زیر سرعت مخفی شدن را آرام ، معمولی و یا سریع انتخاب می نمایید .
“slow”
“normal”
“fast”

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

مثال زیر تمام تگ <p> موجود در صفحه که مرئی و قابل دیده شدن میباشند  را به تدریج محو می کند.

$(“button”).click(function(){ $(“p”).fadeOut(); });

مثال دیگر :

   $("button").click(function(){
    $("#div1").fadeOut();
    $("#div2").fadeOut("slow");
    $("#div3").fadeOut(3000);
    });

افکت ( ) fadeTo در jQuery

در این بخش از آموزش jquery ، افکت fadeTo را در طراحی سایت آموزش می دهیم.

افکت fadeTo میزان شفافیت و وضوح نمایش یک عنصر را به تدریج به یک مقدار تعیین شده از سوی کاربر تغییر می دهد .
به عبارت دیگر افکت fadeTo میزان نور نمایش یک عنصر را کم یا زیاد می کند . شکل کلی استفاده از این متد به شرح زیر است :

    $ ( " selector " ).fadeTo ( speed , opacity , callback )

selector : selector عنصری است که این افکت باعث تغییر وضوح نمایش آن می شود .

speed : این پارامتر در این متد اجباری بوده و حتما باید مقدار دهی شود . در غیر این صورت افکت کار نخواهد کرد .
این پارامتر سرعت تغییر وضوح تصویر عنصر توسط افکت را تعین می کند .
این پارامتر به دو صورت قابل مقداردهی می باشد .
تعیین به وسیله زمان بر حسب میلی ثانیه : در این حالت مدت زمانی که می خواهید در آن وضوح تصویرعنصر تغییر کند را نعیین می کنید . مثلا ۱۰۰ ms .
تعیین بر اساس ۳ حالت کلی زیر : در این حالت با انتخاب یکی از ۳ مقدار زیر سرعت تغییر وضوح تصویر عنصر را آرام ، معمولی و یا سریع انتخاب می نمایید .
“slow”
“normal”
“fast”

opacity :این پارامتر در این متد اجباری بوده و حتما باید مقدار دهی شود . در غیر این صورت افکت کار نخواهد کرد . .
این پارامتر میزان تغییر وضوح تصویر عنصر را تعیین می کند . مقداری که به این پارامتر می توان داد باید عددی بین ۰.۰ تا ۱ باشد و هر چه عدد انتخاب شده کمتر باشد ، وضوح تصویر عنصر هم کمتر خواهد بود .
callback : توسط این پارامتر می توان نام یک تابع را تعیین کنید تا پس از پایان یافتن اجرای افکت و تغییر وضوح تصویر عنصر مورد نظر ، آن تابع اجرا شود .
به کار بردن این پارامتر اختیاری است .

مثال زیر کاربرد افکت fadeTo را نشان میدهد:

    $("button").click(function(){
    $("p").fadeTo(1000,0.4);
    });

مثال زیر روش استفاده از متد fade را با مقادیر متفاوت نشان می دهد :

  $("button").click(function(){
    $("#div1").fadeTo("slow",0.15);
    $("#div2").fadeTo("slow",0.4);
    $("#div3").fadeTo("slow",0.7);
    });

افکت ( ) hide در jQuery

در این بخش از آموزش jquery ، افکت hide را در طراحی سایت آموزش می دهیم.

افکت ( ) hide باعث مخفی شدن عنصر مورد نظر می شود . عمکلرد این افکت بسیار شبیه به افکت fadeOut می باشد . بوسیله افکت ( ) hide  می توانید این اختیار را به کاربر بدهید تا عناصری را که در صفحه لازم ندارد ، مخفی کند .
شکل کلی استفاده از این متد به شرح زیر است :

    $ ( " selector " ).hide ( speed , callback )

selector :selector عنصری است که این افکت باعث مخفی شدن آن می شود .
speed : این پارامتر در این افکت اختیاری بوده و مقدار پیش فرض آن صفر است .
این پارامتر سرعت مخفی شدن عنصر توسط افکت را تعین می کند .
این پارامتر به دو صورت قابل مقداردهی می باشد .
تعیین به وسیله زمان بر حسب میلی ثانیه : در این حالت مدت زمانی که می خواهید در آن عنصر مخفی شود را نعیین می کنید . مثلا ۱۰۰ ms .
تعیین بر اساس ۳ حالت کلی زیر : در این حالت با انتخاب یکی از ۳ مقدار زیر سرعت مخفی شدن را آرام ، معمولی و یا سریع انتخاب می نمایید .
“slow”
“normal”
“fast”

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

مثال زیر کاربرد افکت ( ) hide را نشان میدهد :

  $("button").click(function(){
    $("p").hide();
    });

با افکت Hide در جی کوئری شما میتواند یک عنصر در HTML را مخفی کنید.

    $("#hide").click(function(){ $("p").hide(); });

افکت ( ) show در jQuery

در این بخش از آموزش jquery ، افکت show را در طراحی سایت آموزش می دهیم.

افکت show عنصری که مخفی است را نمایان می کند . عملکرد این افکت همانند افکت fadeIn می باشد . بدیهی است عنصری که با این افکت نمایان می شود باید در ابتدا مخفی باشد .
افکت show بر روی عناصری که با یکی از افکت های hide یا fadeOut در jQuery مخفی شده اند و یا خاصیت display آنها در css برابر با none باشد ، اثر خواهد داشت .
شکل کلی استفاده از این متد به شرح زیر است :

    $ ( " selector " ).show ( speed , callback )

selector : selector عنصری است که این افکت باعث نمایان شدن آن می شود .

speed :این پارامتر در این افکت اختیاری بوده و مقدار پیش فرض آن صفر است .
این پارامتر سرعت نمایان شدن عنصر توسط افکت را تعین می کند .
این پارامتر به دو صورت قابل مقداردهی می باشد .
تعیین به وسیله زمان بر حسب میلی ثانیه : در این حالت مدت زمانی که می خواهید در آن عنصر نمایان شود را نعیین می کنید . مثلا ۱۰۰ ms .
تعیین بر اساس ۳ حالت کلی زیر : در این حالت با انتخاب یکی از ۳ مقدار زیر سرعت نمایان شدن را آرام ، معمولی و یا سریع انتخاب می نمایید .
“slow”
“normal”
“fast”

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

با افکت show در جی کوئری شما میتواند یک عنصر در HTML را از حالت مخفی خارج کنید.

    $("#show").click(function(){
    $("p").show();
    });

پارامترهای اختیاری برای این دستور “slow”, “fast” , “milliseconds” میباشند .

    $(selector).show(speed,callback);

افکت ( ) slideDown در jQuery

در این بخش از آموزش jquery ، افکت SlideDown را در طراحی سایت آموزش می دهیم.

افکت slideDown با افزایش تدریجی ارتفاع یک عنصر مخفی ، آن را از حالت مخفی به حالت نمایان در می آورد . در واقع این افکت این کار را در قالب یک افکت تصویری انجام می دهد . بدیهی است این افکت بر روی عنصری موثر است که در ابتدا مخفی باشد .
افکت slideDown بر روی عناصری که با یکی از افکت های hide یا fadeOut در jQuery مخفی شده اند و یا خاصیت display آنها درcss برابر با none باشد ، اثر خواهد داشت .

کار  افکت slideDown این است  که کشویی باز میکند.

شکل کلی استفاده از این متد به شرح زیر است :

    $ ( " selector " ).slideDown ( speed , callback )

مثال زیر کاربرد افکت slideDown را نشان میدهد:

    $("#pars-soft.ir").click(function(){
    $("#panel").slideDown();
    });

هر وقت روی محتویات تگی که از ای دی به نام pars-soft.ir استفاده می کند کلیک شود محتویات تگی که از ای دی panel استفاده می کند بصورت اسلایدی نمایش داده شود .

افکت ( ) slideUp در jQuery

در این بخش از آموزش jquery ، افکت SlideUp را در طراحی سایت آموزش می دهیم.

افکت slideUp با کاهش تدریجی ارتفاع یک عنصر باعث مخفی شدن آن می شود . در واقع این افکت این کار را در قالب یک افکت تصویری انجام می دهد .

کار افکت slideUp  این است  که کشویی میبندد.

شکل کلی استفاده از این متد به شرح زیر است :

    $ ( " selector " ).slideUp ( speed , callback )

selector : selector عنصری است که این افکت باعث مخفی شدن آن می شود .

speed : این پارامتر در این افکت اختیاری بوده و مقدار پیش فرض آن صفر است .
این پارامتر سرعت مخفی شدن عنصر توسط افکت را تعین می کند .
این پارامتر به دو صورت قابل مقداردهی می باشد .
تعیین به وسیله زمان بر حسب میلی ثانیه : در این حالت مدت زمانی که می خواهید در آن عنصر مخفی شود را نعیین می کنید . مثلا ۱۰۰ ms .
تعیین بر اساس ۳ حالت کلی زیر : در این حالت با انتخاب یکی از ۳ مقدار زیر سرعت مخفی شدن را آرام ، معمولی و یا سریع انتخاب می نمایید .
“slow”
“normal”
“fast”

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

مثال زیر کاربرد افکت slideUp را نشان میدهد:

  $("#flip").click(function(){
      $("#panel").slideUp();
    });

افکت ( ) animate در jQuery

در این بخش از آموزش jquery ، افکت animate را در طراحی سایت آموزش می دهیم.

افکت  animate بوسیله تغییر یک یا چند خاصیت CSS عنصر مورد نظر از یک حالت اولیه به مقداری جدید یک عمل انیمیشن را انجام می دهد . مقدار خاصیت یا خاصیت های CSS تعیین شده برای تغییر در عنصر مورد نظر توسط یک افکت ( ) animate بصورت آهسته از مقدار اولیه به مقدار ثانویه تغییر می کنند که باعث ایجاد یک حالت انیمیشن می شود .
فرض کنید یک تگ div به رنگ پس زمینه سبز دارید . مقدار خاصیت height ( ارتفاع ) آن در حالت اولیه px 100 است . می خواهید بوسیله خاصیت ( ) animate مقدار ارتفاع آن را به px 300 افزایش دهید . در هنگام اجرای ( ) animate ارتفاع عنصر به صورت آهسته از ۱۰۰ به ۳۰۰ افزایش می یابد و باعث ایجاد یک افکت تصویری می شود .
افکت ( ) animate فقط با خواص CSS ای که مقادیر آنها عددی است مثل (Height : 30 px ) کار می کند و نمی تواند آن را با خواصی که مقدار رشته ای دارند مثل ( background-color:red ) به کار ببرید .

شکل کلی استفاده از این افکت بصورت زیر است :

    ( selector ).animate ( {styles} , speed , easing , callback ) ;

مثال زیر کاربردافکت  animate را نشان میدهد:

    $("button").click(function(){
    $("div").animate({left:'250px'});
    });

هرگاه روی دکمه ای از نوع button کلیک کردیم جلوه انیمیشن روی محتویات تگ div انجام شود و …

افکت ( ) delay در jQuery

در این بخش از آموزش jquery ، افکت delay را در طراحی سایت آموزش می دهیم.

افکت delay باعث ایجاد یک تاخیر در اجرای افکت دیگری می شود .

برای مثال فرض کنید که یک افکت ( ) fadeIn را برای یک عنصر تعیین کرده اید . این افکت در هنگام کلیک کاربر بر روی دکمه فرمان اجرا می شود . اما می خواهید کاری کنید تا مثلا ۳ ثانیه بعد از کلیک کاربر بر روی دکمه فرمان ، افکت ( ) fadeIn اجرا شود . برای این منظور بایستی ازافکت delay به همراه آن استفاده کنید .
شکل کلی استفاده ازاین افکت بصورت زیر است :

    Syntax $( selector ).delay( speed ) ;

selector : این پارامتر تعیین کننده id عنصری است که می خواهیم در اجرای یک افکت بر روی آن ، تاخیر ایجاد نماییم .

speed : این پاراتر تعیین کننده مدت زمان تاخیر در اجرای افکت است .
انواع مقادیر ممکن عبارتند از :
MiliSecond : مدت زمان تاخیر در اجرای افکت بر حسب میلی ثانیه .
Slow : سرعت آهسته .
Fast : سرعت زیاد .
مثال زیر کاربرد افکت delay را نشان میدهد .

    $("button").click(function(){
    $("#div1").delay("slow").fadeIn();
    $("#div2").delay("fast").fadeIn();
    });

در خط ۱  با کلیک روی محتوای تگ button تابع اجرا شود


برچسب ها
نظرات

توجه : لطفاً فقط نظرات خود را از این طریق ارسال نمایید و سوالات و مشکلات خود را در انجمن سایت مطرح نمایید.

دیدگاهتان را بنویسید

برای نوشتن دیدگاه باید وارد بشوید.