جی کوئری به زبان ساده (قسمت پنجم- بررسی افکت Slide)

- visibility ۴٠ mode_comment

با سلام خدمت تمای کاربران سون لرن با قسمت پنجم دوره آموزش جی کوئری در خدمت شما هستم در این جلسه با افکت slide و پارامتر ها و متدهای آن آشنا خواهیم شد.

مباحث این قسمت عبارتند از:

  •     متد slideDown
  •     متد slideUp
  •     متد slideToggle

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

comment دیدگاه کاربران
neghab69

آقا وحید کاش php هم به صورت فیلم آموزش میدادین 😥

وحید صالحی

دوره آموزشی php در سایت موجوده که آقا لقمان زحمتش رو می کشه و انشاا… ادامه اون رو هم خواهد گذاشت…

mehran90

باسلام و ممنون از آموزش ها
یه سوال داشتم میخام کاری کنم که وقتی مثلا دوبار سریع پشت سرهم روی یک div کلیک میکنیم قبل از این که کامل slideDown بشه خودش slideUp بشه .
مثلا وقتی رو منوی سایت شما 5 بار پشت سر هم کلیک کنیم 5 بار باز و بسته میشه من میخوام این اتفاق نیفته راهی هست؟

لقمان آوند

از متد stop در jquery برای توقف انیمیشن های قبلی میشه استفاده کرد .

mehran90

خیلی ممنون حل شد
سپاسگزارم

بهرام

بسیار تا بسیار تشکر از آموزشای خوبتون

mehrdad

با سلام من این افکت اسلاید رو ساختم اما موقع باز شدن از روی فوتر رد میشود باید چی کار کنم که از روی فوتر رد نشود

سلام حتما در کد نویسی قسمت HTML و یا استایل دهی مشکلی وجود داره.

mehrdad

سلام یهچیزی رو یادم رقت اگه به استایل بریم و به div فوتر یک float بدیم درست میشه اما اگر float رو left بذاریم در سمت چپ قرار می گیرد اگر float رو right بذاریم درسمت راست قرار می گیرد در وسط قرار نمی گیرد

کیوان علی محمدی

معمولا float رو برای فوتر اعمال نمیکنن،float رو برای سایدبار و قسمت محتوا اعمال میکنن و بعد اینا هم یه clear دو طرفه قرار میدن.

aligh

سلام.
من میخوام وقتی روی یک دکمه کلیک می کنم div مربوط به اون slideDown بشه و همه ی divهای دیگه slideUp بشن.و اینو هم بگم که نمی خوام تمام id یا class هارو دوباره بنویسم که slideUp بشن.
اگه راهنمایی کنید ممنون میشم .

سلام اگر آموزش ها رو با دقت دنبال کنید این جور کار ها رو خودت به راحتی میتونی انجام بدی به هر ساده ترین روش کد زیر هست البته با تعریف متغییر هم میشه که فعلا کاری باهاش نداریم…

$('document').ready(function(e) {
$('#btn').click(function(e) {
$('div:not(:div#1)').slideup();
$('div#1').slideDown();

});
});

در کد بالا میگیم که همه div ها بجز div با آی دی 1 رو slideup کن و بعد دیو با آیدی 1 رو slidedown کن

hasan_elc

با تشکر از آموزشتون من یک slide toggle ساختم که مطالب را داخل content گذاشتم و با زدن کلمه ی بیشتر ادامه مطالب در همان صفحه دیده می شود حال من چگونه می توانم این slide toggle را وارد وردپرس کنم دیگر با کلیک بر روی ادامه مطلب کار نمی کند

وحید صالحی

دوست عزیز واضح تر توضیح بدید میخواهید ادامه مطلب رو در slidetoggle قرار بدی؟؟؟!!!

hasan_elc

بله

hasan_elc

بله
من می خواهم با کلیک بر روی ادامه ی مطلب ادامه ی مطالب در همان صفحه باز شود و به صفحه ی دیگری لینک نشود می خواستم بدانم کدام یک از مطالب آموزشی جی کوئری که آموزش داده اید درباره ی این آموزش می باشد و اگر آموزش نداده اید مرا راهنمایی کنید

وحید صالحی

بهترین روش استفاده از ajax و متد load آن هست که در 2 یا 3 جلسه بعدی این آموزش بررسیسش میکنیم…

sahar sahar

سلام من دقیقا مراحل کار را پیش رفتم اما برای من چیزی اجرا نمیشه

Untitled Document

کلیک کنید

فایل css———-
#main{
background:#999900;
border:1px #003333 solid;
width:300px;
margin:auto;
border-radius:3px;
padding:5px;
text-align:center;}
#child{
display:none;
padding:50px;
text-align:center;}

فایل جی کوئری ——–
$(document).ready(function()
{
$(“main”).click(function(){

$(“child”).slideDown();
});

});

وحید صالحی

خوب شما علامت آی دی main , child رو نذاشتین در فایل جی کوئری که نوشتی منظورم # هست

mehdi azad

با سلام.وحید آقا چرا دانلود نمیشه؟یه لطف نمیکنی درستش کنی

سجاد دریس

بررسی شد، مشکلی نداره. دوباره امتحان کنید

nasrin rafati

سلام اسلایدی که با جی کوئری تو سایتتون آموزش دادین کجاست؟

سجاد دریس

سلام.
لینک

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 2