באתרים מודרניים רבים יש פקדים מקוריים. אחד האלמנטים הללו הוא חלונות קופצים בהם ניתן למקם מידע שימושי שונים, פרסומות, פקדים, סקרים ועוד. די קל ליצור חלון קופץ שכזה - השתמש בספריית jQuery.
הוראות
שלב 1
הכנס תגים לקוד הדף שלך שמוסיפים את ספריית jQuery. תגים אלה נראים סטנדרטיים למדי:
script src = "jQuery.js" / script
script src = "interface.js" / script
שלב 2
הוסף את קוד ה- css לגיליון הסגנונות כדי לעצב את החלון הקופץ. ציין פרמטרים כגון מיקום, גובה, הצפה, תמונת רקע, מיקום רקע, חזרה על רקע, הצפה, סמן ואחרים שייתכן שתצטרך לעיצוב. ניתן להגדיר פרמטרים אלה בתגית הראש, אם אין לך את העיקרון להקצות קובץ מיוחד לסגנונות בעבודה הרגילה שלך. אתה יכול לכתוב קוד בדרכים אחרות, באמצעות תגים שונים. בדרך כלל ישנן דרכים רבות לכתוב חלונות צפים.
שלב 3
הדבק את קוד הקישור לקופץ בגוף הדף ותיאר את התסריט עצמו לפתיחת הקופץ. תאר פונקציה להתקשרות לחלון באמצעות פקודות סטנדרטיות show (), TransferTo (), bind () ואחרים. נסו לכתוב לעצמכם תיאור קטן לצד כל פונקציה, כדי לא להתבלבל בקוד, מכיוון שתוכלו לשבש לחלוטין את פעולת המערכת כולה.
שלב 4
בדוק אם יש קוד בשגיאות ופתח את הדף בדפדפן כדי לראות את התוצאה של עבודתך. כדי שיופיע חלון קופץ, עליך ללחוץ על הקישור שנוצר. בעתיד תוכל לספק מראה אוטומטי של חלון קופץ. לקופץ צריך להיות גם מאפיינים שונים, כמו יכולת גרירה ושחרור, מזעור, מתיחה וכמובן סגירה. יש לתאר את כל המאפיינים הללו בתסריט הקופץ. הכנת חלונות צפים אינה קשה, העיקר לדעת את יסודות התכנות, מכיוון שאתה זקוק לידע מיוחד בכדי לכתוב את הקוד בצורה נכונה.
