advertise laitec sharif univercity استخراج بیت کوین با کامپیوتر استخراج بیت کوین با کامپیوتر
دانلود مقاله ای در مورد الگوریتم  کرم شب تاب FireFly در هوش مصنوعی

دانلود مقاله ای در مورد الگوریتم کرم شب تاب FireFly در هوش مصنوعی

3000 تومان
دانلود مجموعه 70 پروژه مفید و کاربردی سی شارپ #C

دانلود مجموعه 70 پروژه مفید و کاربردی سی شارپ #C

9500 تومان
دانلود پروژه کامل مهندسی نرم افزار ، شرکت نرم افزاری

دانلود پروژه کامل مهندسی نرم افزار ، شرکت نرم افزاری

3000 تومان
دانلود پروژه وب سایت اشعار با ASP.NET و SQL

دانلود پروژه وب سایت اشعار با ASP.NET و SQL

3000 تومان
دانلود برنامه هشت وزیر با جستجوی عمقی در سی شارپ

دانلود برنامه هشت وزیر با جستجوی عمقی در سی شارپ

3000 تومان

افکت های JQuery

یکی از ویژگی های کتابخانه JQuery ، اثرات و افکت های آن از جمله: مخفی کردن و نمایش، محو کردن و تغییر وضعیت و... عناصر در صفحات وب میباشد که جلوه های زیبا و جالبی به صفحات می بخشند
افکت های JQuery

افکت های JQuery

یکی از ویژگی های کتابخانه JQuery ، اثرات و Effect های آن در صفحات وب میباشد که جلوه های زیبا و جالبی به صفحات می بخشند. چند نمونه از Effectهای آن را در ادامه به همراه مثال بیان خواهیم کرد.

 

مخفی کردن و نشان دادن (hide / show)

با استفاده از JQuery شما میتوانید عناصر HTML را با استفاده از متدهای hide() و show() مخفی و یا نمایش داد. در مثال زیر میتوانید نمونه این Effect را ببینید:

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

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

 

سینتکس این دو دستور بصورت زیر میباشد:

 

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

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

 

پارامتر اختیاری speed سرعت مخفی کردن / نمایش را مشخص میکند، و می تواند مقادیر زیر را داشته باشد: slow (آهسته)، fast )سریع(، یا میلی ثانیه.

پارامتر اختیاری callback تابعی است که پس از کامل شدن متد hide() یا show() اجرا میشود. 

 

تغییر وضعیت (toggle)

در JQuery شما با استفاده از متد toggle() میتوانید بین متدهای hide() و show() تغییر وضعیت دهید. در مثال زیر عناصر نشان داده شده، مخفی شده اند و عناصر مخفی شده، نمایش داده شده اند:

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

 

سینتکس متد toggle() بصورت زیر میباشد:

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

 

پارامتر اختیاری speed می تواند مقادیر زیر را داشته باشد: slow (آهسته)، fast )سریع(، یا میلی ثانیه.

پارامتر اختیاری callback تابعی است که پس از کامل شدن متد toggle() اجرا میشود.

 

محوسازی (fading)

با jQuery  شما می توانید عناصر را داخل و خارج از دید محو کنید.

JQuery دارای متدهای محوسازی زیر میباشد:

► fadeIn() : متد fadeIn در JQuery برای محو شدن عناصر مخفی به کار میرود. سینتکس این متد بصورت زیر است:

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

 

پارامتر اختیاری speed سرعت مدت زمان اثر را مشخص میکند، و می تواند مقادیر زیر را داشته باشد: slow (آهسته)، fast )سریع(، یا میلی ثانیه.

پارامتر اختیاری callback تابعی است که پس از تکمیل محو شدن اجرا میشود.

مثال زیر متد fadeIn() را با پارامترهای مختلف نشان می دهد:

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

 

►  ()fadeout : متد fadeout در  jQuery  برای محو شدن یک عنصر قابل مشاهده استفاده میشود. سینتکس آنرا در زیر میبینید، پارامترهای آن مانند سینتکس fadeIn عمل میکنند.

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

 

مثال زیر متد fadeout() را با پارامترهای مختلف نشان می دهد:

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

 

► ()fadeToggle  : متد fadeToggle در Jquery بین متدهای fadeIn() و fadeout() تغییر وضعیت میدهد. در این روش، عناصر در هر حالتی باشند، متد آنها را به حالت مقابل تغییر میدهد. پارامترها و سینتکس این متد، مانند دو متد قبلی است.

 

► ()fadaTo : متد fadeTo در Jquery اجازه میدهد محو شدگی به همراه شفافیت (opacity) باشد (مقداری بین 0 و1). سینتکس این متد را در زیر میبینید:

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

 

پارامتر اجباری speed سرعت مدت زمان اثر را مشخص میکند، و می تواند مقادیر زیر را داشته باشد: slow (آهسته)، fast )سریع(، یا میلی ثانیه.

پارامتر اجباری opacity میزان شفافیت را در محو شدگی تعیین میکند (مقداری بین 0 و 1 میگیرد.)

پارامتر اختیاری callback تابعی است که پس از پس از کامل شدن تابع اجرا میشود.

مثال زیر متد fadeTo() را با پارامترهای مختلف نشان می دهد:

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

 

نمایش کشویی (sliding)

متدهای slide در Jquery عناصر را بصورت کشویی بالا و پایین نمایش میدهد. و یک اثر کشویی به عناصر HTML اضافه میکند. JQuery دارای متدهای slide زیر است:

 ►() slideDown  : متد slideDown در  jQuery برای نمایش کشویی پایین یک عنصر استفاده می شود. سینتکس این متد بصورت زیر است:

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

 

پارامتر اختیاری speed سرعت مدت زمان اثر را مشخص میکند، و می تواند مقادیر زیر را داشته باشد: slow (آهسته)، fast )سریع(، یا میلی ثانیه.

پارامتر اختیاری callback تابعی است که پس از تکمیل کشویی اجرا میشود.

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

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

 

 

()slideUp  : متد slideUp در JQuery برای نمایش کشویی عناصر به طرف بالا استفاده میشود. سینتکس آن مانند متد slideDown میباشد.

 

()slideToggle  : متد slideToggle در Jquery بین متدهای slideUp و slideDown  تغییر وضعیت میدهد. در این روش، عناصر در هر حالتی باشند، متد آنها را به حالت مقابل تغییر میدهد. پارامترها و سینتکس این متد، مانند دو متد قبلی است.

 

 

انیمیشن (animation)

متد animation() در JQuery به شما امکان ایجاد انیمیشن های سفارشی را میدهد. سینتکس این متد بصورت زیر میباشد:

$(selector).animate({params},speed,callback);

 

پارامتر الزامی   paramsویژگی های CSS را برای تصاویر متحرک تعریف میکند.

پارامتر اختیاری speed سرعت مدت زمان اثر را مشخص میکند، و می تواند مقادیر زیر را داشته باشد: slow (آهسته)، fast )سریع(، یا میلی ثانیه.

پارامتر اختیاری callback تابعی است که پس از تکمیل انیمیشن اجرا میشود.

مثال زیر یک استفاده ساده از متد animate را نشان میدهد. این دستور تگ div را 250px به سمت راست حرکت میدهد.

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

 

 



0
نظرات

نظر خود را ارسال کنید



نام:
ایمیل:
دیدگاه:
captcha
کد امنیتی :


advertise
اثرات در جی کوئریمحوسازی fading در jqueryنمایش کشویی sliding در jqueryتغییر وضعیت toggle jqueryEffect های JQuery انیمیشن animation در جی کوئری jqueryچند effect جالب JQueryeffect های نمایشی در JQueryمخفی کردن و نشان دادن hide / show jqueryeffect های عناصر در jqueryمعرفی Effect های JQueryجی کوئری و effectهای آن لیست برچسب ها
تمامی حقوق این سایت اعم از محتوی ، تصاویر ، قالب و ... متعلق به گروه مهندسی وب سایت سورس کد می باشد.
SourceCodes.ir ، افقی روشن برای برنامه نویسان ، از مبتدی تا حرفه ای

کسب درآمد با کامپیوتر
تولید بیت کوین با کامپیوتر

پیشنهادات ویژه سورس کد

پکیج ویژه پروژه پایانی رشته کامپیوتر دانلود مجموعه 70 پروژه کاربردی سی شارپ وب سایت فروشگاه با php