10 Javascript Ajax Tabs

25 אוקטובר 2007 על ידי Oli · 8 תגובות




אם אתם בונים אתר אינטרנט שבו יש כרטיסיות בתוך העיצוב, למה לא לתבל את זה עם קסם JavaScript קטנה. היום אנו לאסוף 10 JavaScript / Ajax סקריפטים Tab אתה יכול בקלות לשלב עיצובים העתיד שלך ...


jQuery Slider Coda - אפקט החלקה היא מה Coda-Slider כל העניין; מצגת נחמדה, תוכן חלקלק

115.jpg


כרטיסיות פרספקטיבה - פרספקטיבה כרטיסיות (לשעבר הזזה Tabs) הוא MooTools פשוט Plug-in המאפשרים למספר רב של כרטיסיות כדי להתאים לחלל קטן

106.jpg


כרטיסיות מזהה jQuery - idTabs הוא תוסף עבור jQuery - זה גורם הוספת טאבים לתוך אתר סופר פשוט, אבל זה גם יכול לפתוח את הדלת אין סוף אפשרויות

210.jpg


אקורדיון Tab - סגנון כרטיסיות אקורדיון התסריט נכתב עם Moo.FX

35.jpg


XP Style Tab חלוניות - קל להגדיר את הסקריפט. אתה שם את התוכן שלך לתוך divs נפרד ואז לקרוא לפונקציה JavaScript אשר יוצרת את הכרטיסיות באופן דינמי

45.jpg


Ajax Tabs - מטרת עושה כרטיסיות ב-Ajax היא לא רק לעשות משהו אייאקס. בהקשר זה אשר משמש הוא לא חידוש

55.jpg


עמוד ממשק כרטיסיות - יש לא מעט מימושים JavaScript כמה ממשקים כרטיסיות שם בחוץ באינטרנט. כמה טוב, אם כי, כדי להיות מסוגל לשנות בכרטיסייה דף הכרטיסייה הדף בלי לרענן את הדף

65.jpg


Tab מקונן jQuery הגדר עם הדגמה - אוקי, היו כמה שינויים, אבל אני אנסה לשמור את זה בקלות, עם דוגמא, ויהיו קובץ zip כלל.. ראשית, תצטרך לבנות JQuery האחרונה, כמו גם את הגירסה האחרונה של תוסף טאבים. שימו לב pathing יצרתי בתוך קטעי הקוד שלי כאן

75.jpg


כרטיסיות אייאקס Reloaded - מפעם לפעם אתה נתקל באתר מגניב או קוד בדיקה חושב שאתה יכול להשתמש בו במקום. חשבתי על מערכת לשונית HavocStudios אייאקס אז חזרתי לאתר כדי לבדוק את זה

85.jpg


הכרטיסיות Scriptaculous - תסריט זה יאפשר לך ליצור כרטיסיות אינטראקטיבי לשימוש ביישום

95.jpg


אודות Oli
אוליבר דייל רץ Kooc Media, חברה בבריטניה מבוסס אינטרנט אשר מתמחה Apps אינטרנט, צ'כית, Wordpress הדרכות & Wordpress Plugins .

תגובות

8 תגובות ל "10 כרטיסיות Javascript אייאקס"
  1. צ'נגו - http://meteora.astrata.com.mx אומר:

    זה אלה מבוססים MooTools, והם קלה מאוד לשימוש!
    תומך טעינת כמעט הכל.

    מטאורה נייד [http://meteora.astrata.com.mx/js/meteora/test/unit/notebook.html]

  2. דארן - http://www.darrenkrape.com אומר:

    רשימה לא רעה, אם כי הייתי לציין כי רק אחד (Tab מקונן JQuery) מהם מופיע לעבודה כאשר JavaScript מושבת, אשר מהווה בעיה הנגישות הגדולות.

    זהו נושא חשוב ולא אם אתה בפיתוח אתרים עבור ממשלת ארה"ב (כמוני) או מתכוונים האתר שלך להיות בשימוש על ידי קהלים שונים.

    הנה דוגמה אני להרכיב באמצעות jQuery כי הוא עדיין נגיש גם עם JS לנכים: http://dev.darrenkrape.com/dos/usinfo/election/code/index.html (התכונה לוח שנה ליד השמאלית התחתונה של הדף ).

  3. Oli - http://tutorialblog.org אומר:

    דארן עבודה נחמדה - תודה על השיתוף.

  4. מזל תאומים - http://www.hungamablog.com אומר:

    מוסכם. זהו חומר נהדר. עם זאת, AJAX יכול להיות מחובר רק כאשר האתר / בלוג הוא תואם PHP. אחר, זה חסר תועלת ..

  5. ג'רמי קית' - http://adactio.com/ אומר:

    ככל שאני יכול לראות, רוב הדוגמאות המפורטות להשתמש אייאקס. הם כולם באמצעות JavaScript לעשות דברים חכמים מאוד, אבל מעט מאוד מהם ביצוע שיחות לשרת פעם הדף נטען.

    יש סיכוי שאתה יכול לתקן את הכותרת של דף זה להבהיר את זה? יש FUD מספיק מרחפת אייאקס המונח ללא בזיוף נוסף.

  6. ריצ'רד מורטון - http://www.qm-consulting.co.uk/ אומר:

    מעניין, אבל הייתי חושב שרוב התנהגות ניווט בכרטיסיות יכול להיות מנוהל באמצעות JavaScript בלי הסיבוכים של AJAX. אני לא אומר שיש משהו לא בסדר עם שימוש ב-AJAX עבור מהסוג הזה, רק שזה יכול introcue סיבוך מיותר. זה סוסים לקורסים.

  7. Abhisek - http://ad1987.blogspot.com אומר:

    תודה על הקישורים ... הייתי הולך על IdTabs

  8. ריינה גוסטפסון - http://thequeensmen.com אומר:

    פוסט מדהים. אהבה זה!

מדריך בלוג