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

دسته بندی: جاوا اسکریپت
زمان مطالعه: 1 دقیقه
۰۱ مرداد ۱۳۹۲

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

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

  •     متد slideDown
  •     متد slideUp
  •     متد slideToggle
این بخش از محتوا مخصوص اعضای سایت است
چه امتیازی به این مقاله می دید؟
نویسنده وحید صالحی
علاقمند به طراحی و برنامه نویسی وب هستم و چند سالی میشه که در این زمینه فعالیت می کنم. (ایمیل من: @) وب سایت من:

جلسات دوره

نظرات کاربران

nasrin rafati

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

سجاد دریس

سلام.
لینک

mehdi azad

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

سجاد دریس

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

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 رو نذاشتین در فایل جی کوئری که نوشتی منظورم # هست

hasan_elc

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

وحید صالحی

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

hasan_elc

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

وحید صالحی

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

hasan_elc

بله

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 کن

mehrdad

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

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

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

mehrdad

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

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

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

بهرام

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

mehran90

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

لقمان آوند

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

نیاز به لاگین

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