تالار گفتگوی مشاغل برتر
خوش آمدید! برای فعال سازی امکانات لطفا ورود یا ثبت نام.

توجه

Icon
Error

magbot Offline
#1 ارسال شده : 1398/03/24 01:54:53 ق.ظ
magbot

رتبه: Advanced Member

گروه ها: Registered
ارسالها: 41

چگونه یک نوار پیشرفت جاوااسکریپت را با Pace.js ایجاد کنیم

آموزش طراحی سایت

در آموزش امروز، من می خواهم به شما نشان دهیم که چگونه از این پلاگین شگفت انگیز برای بارگذاری نوار پیشرفت در سایت خود استفاده کنید.



نمایش نسخه ی نمایشی

با Pace.js:

منابع خود را باید این آموزش کامل کنید

پیاده سازی Pace.js بسیار آسان است. شما فقط باید Pace.js و تم CSS را در بخش هدر سایت وارد کنید و کار شما انجام می شود. بدون نیاز به اضافه کردن یک کتابخانه جی کوئری برای کار کردن آن!

پیکربندی

اگر چه Pace.js کاملا خودکار است؛ هیچ پیکربندی لازم نیست تا آن را کار کند. اما شما می توانید برخی از تنظیمات را انجام دهید.

دو راه برای انجام این کار:

1. قبل از وارد کردن فایل window.paceOptions :


2. گزینه هایی را در تگ اسکریپت قرار دهید:

تغییر رنگ نوار بارگذاری

شما همچنین می توانید رنگ تم ها را تغییر دهید. دو راه برای این کار وجود دارد:
1. سفارشی کردن رنگ ها از طریق Pace.js صفحه تم


2. با رفتن به فایل CSS به طور مستقیم و تغییر رنگ پس زمینه و رنگ مرز.



خیلی آسان است؟
Pace.js یک پلاگین جاوااسکریپت عالی است همراه با تم های متنوع است. همچنین برخی از پلاگین های جی کوئری دیگری مانند ProBars وجود دارد: Progress.js .


اما برای من، Pace.js بهترین است زیرا این پلاگین هیچ پیکربندی خاصی نیاز ندارد.

تبلیغات
صفحات اختصاصي مرتبط با اين پست
کاربرانی که در حال مشاهده تالار هستند
Guest (3)
جهش به تالار  
شما مجاز به ارسال مطلب در این تالار نمی باشید.
شما مجاز به ارسال پاسخ در این تالار نمی باشید.
شما مجاز به حذف مطلب ارسالی خود در این تالار نمی باشید.
شما مجاز به ویرایش مطلب ارسالی خود در این تالار نمی باشید.
شما مجاز به ایجاد نظر سنجی در این تالار نمی باشید.
شما مجاز به رای دادن در این تالار نمی باشید.


این صفحه در مدت زمان 4.013 ثانیه ایجاد شد.
بک لینک: کراتین مو در کرج , مرکز تخصصی کراتین مو در کرج , احیا و صافی مو در کرج , بوتاکس مو در کرج , پروتئین مو در کرج , خدمات آرایش دائم در کرج , وکس صورت و ابرو در کرج , کاشت ناخن در کرج , طراحی حرفه ای مانیکور و پدیکور در کرج , قالب سازی پلاستیک , خدمات قالب سازی پلاستیک , تزریق پلاستیک , خدمات تزریق پلاستیک , تزریق قالب سازی پلاستیک , ساخت قالب تزریق پلاستیک , طراحی و ساخت قالب تزریق پلاستیک , طراحی وب سایت , سئوی وب سایت