תגובות

10 תפריטי ניווט מבוססי HTML / jQuery הטובים ביותר!

תפריט הניווט תופס תפקיד חשוב בעיצוב האתר, את זה כולנו יודעים. אין ספק שעיצוב נכון של תפריט באתר יכול לקחת אתר משעמם ולהפוך אותו לאתר אטרקטיבי על רמה. אחת הדרכים להפוך תפריט ניווט באתר למעניין (מעבר לצבעים וקריאייטיביות) היא להכניס הנפשות בעת פעולות הובר (Hover) וקורנט (Current) על הלינק בתפריט. פעם, האפשרות היחידה להכניס הנפשות ואנימציות בתפריטים היתה לשלב אלמנטים של פלאש שימלאו את חלל הניווט. היום זה כבר סיפור אחר. הרבה יותר פשוט, הרבה יותר ידידותי לקידום אתרים (SEO) והרבה יותר נגיש לגלישה סללורית.

נו.. אתם כבר יודעים במה מדובר. jQuery!

בפוסט הזה אביא את עשרת תפריטי הניווט מבוססי HTML / jQuery הטובים ביותר שקיימים כיום ברשת! לייק? :)

1. תפריט ניווט אנכי – קופצני מבוסס jQuery

דמו | מדריך להתקנה + הורדה

2. תפריטים מונפשים מבוססי jQuery

דמו | מדריך להתקנה + הורדה

3. מדריך ליצירת תפריט אנכי נגלל בעזרת jQuery

דמו | מדריך להתקנה + הורדה

4. מדריך ליצירת אנימציה חלקה בתפריט ניווט ע"י jQuery

דמו | מדריך להתקנה + הורדה

5. יצירת תפריט ניווט בהשראת אפל בעזרת jQuery

דמו | מדריך להתקנה + הורדה

6. מדריך ליצירת תפריט אנכי בהשראת Moo-Tools מבוסס jQuery

דמו | מדריך להתקנה + הורדה

7. תפריט ניווט עם אפקט "דלת מוסך" מבוסס jQuery

דמו | מדריך להתקנה + הורדה

8. תפריט ניווט עם אפקט גלישה מבוסס jQuery

דמו | מדריך להתקנה + הורדה

9. מדריך פשוט ליצירת תפריט אקורדיון בעזרת jQuery

דמו | מדריך להתקנה + הורדה

10. מדריך ליצירת תפריט ניווט מגניב בעזרת CSS ו jQuery

דמו | מדריך להתקנה + הורדה

נתקלתם בבעיות בהתקנת / שילוב התפריט באתרכם?

רשמו את השאלה/הבעיה כתגובה על הפוסט וקבלו תשובה תוך זמן קצר!

קצת על דניאל שטרנליכט

דניאל שטרנליכט הוא מעצב ומפתח צד לקוח ואב לשני אייפונים מקוריים. חי ונושם ווב בעבודה ובבית, משתדל ללמוד כל יום משהו חדש עם גוגל כמורה, ו- Notepad++ כמחברת. בזמנו הפנוי תמצאו אותו מנהל את הבלוג לעיצוב גרפי וטכנולוגיה וחוקר טכנולוגיות ווב חדשות.

5 תגובות לפוסט "10 תפריטי ניווט מבוססי HTML / jQuery הטובים ביותר!"

כתיבת תגובה

האימייל לא יוצג באתר. (*) שדות חובה מסומנים

*

תגי HTML מותרים: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>