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

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



  آیا می دانید دوره های آموزشی سون لرن از جامع ترین و کاربردی ترین آموزش های موجود در سطح وب فارسی است!
5 1857 ۲۶ اردیبهشت ۹۴ محمد اسفندیاری

در این مطالب نمونه 13 از loading رو در اختیارتون میزارم.

 

CreativeLoadingEffects

میبینید که هر زمان که روی دکمه مورد نظر کلیک میکنید ، یک افکت زیبا رخ میده و بعد از 6 ثانیه پایان داده میشه.

کدهای HTML :

 کدهای CSS :

کدهای Javascript :

در این مطلب از classie.js استفاده شده است.

امیدوارم خوشتون اومده باشه.

موفق باشید. یا علی

Source

نوع کد رايگان

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

  • ‏‏

    سلام…به نظر شما این سایت http://www.foqolade.ir/ چطوری طراحی شده که با اسکرول شدن به پایین هرقسمت سایت یهویی ظاهر میشه؟

  • ‏‏
    افشین زندی(۳ خرداد ۱۳۹۴)

    سلام.واقعا ممنون.خیلی کاربردین پست هاتون.
    فقط آقای اسفندیاری اگه امکانش هست و زیاد وقت گیر نیست این چند مورد رو هم به اینجور پست ها اضافه کنید.
    1- ساپرت این کدها در مرورگر های مختلف برای بانک کد.
    2- نحوه استفاده از این لودینگ های زیبا. ینی به جای اینکه روی چیزی کلیک کنیم تا لود بشه! واقعی باشه و وقتی صفحه در حال لودشدن هست کاربر افکت رو ببینه. اگه امکانش هست آموزش استفاده این مورد رو بگید.
    بازم ممنون

    • ‏‏
      محمد اسفندیاری(۳ خرداد ۱۳۹۴)

      دوست عزیزم آقا افشین
      ببینید بعضی افکتها رو به هیچ وجه نمیشه با بعضی مرورگرها سازگار کرد و فقط برای مرورگرهای مدرن ساخته شدن
      در مورد نحوه استفاده هم باید بگم که برای همه لودینگها یجور هست و فرقی نداره
      لودینگ رو بزارین جایی که دوس دارین و اون رو مخفی کنید و با استفاده از متد ready موجود در jquery اون رو نمایان کنید و وقتی سایت کامل load شد ، مجددا اون رو مخفی کنید
      آموزش هم توی نت فراوونه
      امیدوارم متوجه شده باشید
      موفق باشید

  • ارسال دیدگاه

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram