آخرین نمونه کارها

نمایش همه
تبلیغات تبلیغات

عضویت در خبرنامه

تبلیغات

تبلیغات تبلیغات تبلیغات تبلیغات

آرشیو سایت

۱۰ پلاگین جی کوئری برای ایجاد منو

1 Star2 Stars3 Stars4 Stars5 Stars
Loading...

JQuery Menu Plugins

ایجاد یک منوی معمولی و ساده کاری است که زمان و تخصص زیادی نمی طلبه و هر کس چند قطعه کد اچ تی ام ال و یه مقدار سی اس اس بلد باشه می تونه به سادگی یه منو ایجاد کنه اما ایجاد کردن یک منوی زیبا و حرفه ای ریسپانسیو یا آبشاری کمی دشوار تر و زمان برتر هست و مطمئنا ایجاد اون کار هر کسی نیست یا اینکه حتی با وجود تخصصش ممکنه زمان ایجاد یک منوی زیبا رو نداشته باشید و نتیجه کارتون رضایت بخش در نیاد ، خوب راه حل این جور موارد استفاده از موارد از پیش ایجاد شدس ، به قول معروف چرا چرخ رو دوباره از اول اختراع کنیم ؟

اما پیدا کردن یک منوی آماده خوب هم کار دشواری هست و مسائل مربوط به خودش رو داره و به همین علت شاید شما عطاش رو به لقاش بخشیده باشید و به جای صرف وقت توی اینترنت خودتون منو رو از پایه ایجاد کرده باشید اگر چه اون چیزی هم که می خواستید نشده ، راه حل این مورد هم باز پیش ماست ، امروز توی یه مقاله کامل و مفید می خوایم ۱۰ تا اسکریپت و پلاگین جی کوئری برای ایجاد منوهای با کاربردهای مختلف رو براتون معرفی کنیم ، پس با ما باشید .

 

Perspective Page View

JQuery Menu Plugins

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

HorizontalNav

JQuery Menu Plugins

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

 

jQuery Menu-Aim

JQuery Menu Plugins

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

Focucss

JQuery Menu Plugins

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

 

DoubleTapToGo

JQuery Menu Plugins

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

 

Slidebars

JQuery Menu Plugins

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

 

jQuery Pop Menu

JQuery Menu Plugins

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

 

Slinky

JQuery Menu Plugins

اگه می خواید یه منوی عمودی زیبا داشته باشید این منو رو از دست ندید Slinky تقریبا یک آکوردئونی هست که توانایی قرار دادن زیر مجموعه براش فراهم شده ، این پلاگین رو می تونید سایدبارها برای نمایش زیر مجموعه ها استفاده کنید و نتیجه فوق العاده رو ببینید ، این منو دارای انعطاف بالایی هست و البته کارایی نسبتا آسونی هم داره .

 

SmartMenus

JQuery Menu Plugins

این منو رو معرفی کردم که بعدا نگید همش منوهای عجیب غریب معرفی کدر :دی . این منو یه منوی استاندارد هست که پشتیبانی خوب و آموزش کامل راه اندازیش از نکات مثبتش هست ، قابلیت شخصی سازی منو هم مناسبه و راست چین کردنش خیلی سادس ، اگه به صفحه دموش سر بزنید متوجه میشید که اکثر منوهایی که امروزه توی سایت های مختلف می بینیم از این نوع هستند ، هر چند میشه این منو رو بدون اسکریپت هم در آورد و کار زیادی نداره ، اما برای همین همی می تونید کلی وقت بخرید و توی کارتون جلوتر بیافتید .

 

Datmenu

JQuery Menu Plugins

این هم یه منوی تقریبا استاندارد و متوسط با چند تا فرق جزئی که باعث محبوبیت زیادش شده ، این مجبوبیت تا جایی پیش رفت که در قالب ۲۰۱۴ خود وردپرس از این منو استفاده شد ، افکت های بصری زیباش رو در هیچ جای دیگه نمی بینید و اون قسمت جستجوی آماده زیبا رو ، توضیح زیادی در این مورد نمی دم چون مطمئنم حتی اگه یه بار وردپرس رو نصب کرده باشید با این منو آشنایی دارید .

خوب این جا دیگه باید این مقاله رو تمومش کنیم ، حالا شما ۱۰ تا پلاگین خوب می شناسید که می تونید جاهای مختلفی ازشون استفاده کنید ، با این منوها می تونید بدرخشید ، مشکلی در راه اندازی داشتید خجالت نکشید ، بپرسید .

اگر شما هم می خواهید وارد عرصه اینترنت شوید و یا می خواهید فعالیت خود را پر رنگ تر کنید پس با ما تماس بگیرید ، نگران نباشید ! فقط می خواهیم آشنا شویم :)