illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید تا کنون 6339 نفر در 14 دوره آموزشی سون لرن ثبت نام کرده اند !

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

16088 ۱ مرداد ۹۲

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

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

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

دیدگاه ها 40 دیدگاه برای این مطلب ارسال شده است. نظردهی برای این مطلب بسته شده است .

  • ‏‏

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

    • ‏‏
      وحید صالحی(۲۸ مرداد ۱۳۹۲)

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

  • ‏‏

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

    • ‏‏
      لقمان آوند(۲۸ مرداد ۱۳۹۲)

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

  • ‏‏
    بهرام(۲۸ مهر ۱۳۹۲)

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

  • ‏‏

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

    • ‏‏
      کیوان علی محمدی(۲۶ آذر ۱۳۹۲)

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

      • ‏‏

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

        • ‏‏
          کیوان علی محمدی(۲۷ آذر ۱۳۹۲)

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

  • ‏‏

    سلام.
    من میخوام وقتی روی یک دکمه کلیک می کنم 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 کن

  • ‏‏

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

    • ‏‏
      وحید صالحی(۱۴ اسفند ۱۳۹۲)

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

      • ‏‏

        بله

      • ‏‏

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

        • ‏‏
          وحید صالحی(۱۶ اسفند ۱۳۹۲)

          بهترین روش استفاده از 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(۶ تیر ۱۳۹۳)

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

  • ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram