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

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



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

در طول 4 پست میخوام 4 مدل زیبا از یک loader رو در اختیارتون قرار بدم.

مدل اول :

همونطور که دیدین هر وقت ماوس رو روی loader هاور میکنم ، متوقف میشه. این کار هم با CSS انجام میشه.

در این کدها از Javascript استفاده نشده.

کدهای HTML :

 کدهای CSS :

امیدوارم خوشتون اومده باشه و بتونین از اون استفاده کنید.

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

Source

نوع کد رايگان

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

  • ‏‏
    حسین حسنی(۸ آذر ۱۳۹۳)

    سلام.میشه بگین از لودرها چطوری و کجا باید استفاده کنیم؟

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

      سلام
      ببینید دوست عزیز
      باید از این لودر ها درجاهایی که کاربر منتظر دریافت پاسخ از سرور هست ، استفاده کرد. این کار هم میتونیم با استفاده از jQuery به راحتی انجام بدیم……یک کد مینویسیم که تا زمانی که این جواب از پاسخ دریافت نشده ، لودر نمایش داده بشه که کاربر سرگزم باشه و زیاد عصبانی نشه…….مثلا وقتی کامپیوتر رو روشن میکنید ، تا زمانی که کامل لود بشه یه مقدار طول میکشه ، بهمین دلیل لودرها خیلی میتونن بدرد بخور باشن
      موفق باشید

  • ‏‏
    حسین حسنی(۹ آذر ۱۳۹۳)

    ممنونم از راهنماییتون.

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

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram