חלון קופץ JQuery, סקירה של הממסד

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

צור קופץ JQuery - לא משימה קלה, אבל אם אתה רוצה אפשר לקיימו. ובכל זאת, לפני שאתם מתחילים ליצור מוצר כזה, יש צורך לייצג ויזואלית מה זה ואיך זה נראה.

דפי אתר נוצרים באמצעות HTML. ביום זה, לפי הסדר, אשר אוהב את הבעלים של המשאב, ממוקמים כפתור. ייתכנו כמה חתיכות (אחד ...), על פי שיקול דעתו ליצור. לחיצה על כפתור זה, שהמבקר יראה קופץ JQuery. התוכן של אלה או עשוי להיות שונה לחלוטין, כגון תמונה או צורה חדשה אטרקטיבית של רישום, פרסום, הודעה, כן כלום. פנטזיה בעניין זה אינה מוגבלת על ידי שום גבולות. חלונות פופ-אפ קרובות לכסות דף של הרקע הכהה הברור האתר ועל כל אחד מהם יש סמל, משתמשים בדרך כלל מובנים באופן אינטואיטיבי. האפשרויות הן אינסופיות בפונקציה זו.

במבט הראשון, כדי ליצור דבר כזה קשה, אבל זהו רושם מוטעה. אם יש רצון וצורך קיים, מדוע זה לא להבין יותר? גם אם רבים לא מבינים, תמיד יש את ההזדמנות ללמוד את התהליך של הפיכה לאנשי המקצוע. בואו ניקח, למשל, ליצור ולמקם כפתור שיפעיל את חלונות רישום, תמונות או תמונות וכרטיסיות. באמצעות החלון המוקפץ javascript, או לייתר דיוק על הכפתור, אנו מכינים התייחסות ולבקש כולם בכיתה נפוצה. קישורים להציב בתוך תג-דיב.

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

סגנונות עבודה אינו גורם קשיים: הכל פשוט וברור. אנחנו צריכים רק קצת ידע של HTML השפה. אבל גם אם המשתמש אינו מבין אותו, את המידע הדרוש קל למצוא באינטרנט. כדי כפתורי JQuery, חלונות קופצים הביטו כל הידוע לדפדפנים מעודכנים יש פחות נחמד ומסודר, יש צורך: א) כדי למרכז יחידות קישור; ב) לעגל את הפינות; ג) להתחבר PIE ל- IE 7-8.

באופן כללי, סימון HTML יהיה זהה עבור כל חלונות קופצים. לכן, השימוש בתגים צריך יתעכב אם אינך בעלים מספיק כדי לזכור כמה בסיסית. ההבדל הוא רק בעיצוב של גודל, כלומר, רוחב חלון קופץ JQuery אחד ייראה אחרת. כנ"ל לגבי התכנים.

כדי להתאים את טופס ההרשמה אל תג הנ"ל צריך להיות כתוב כדלקמן:

סגירה

באינטרנט הרשם

הזן את שם המשתמש שלך: זן סיסמא:

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

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

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

אם אין רצון לעשות את זה בעצמך, תמיד יש את האפשרות להוריד סקריפט המאפשרת לך ליצור חלון מוקפץ אוטומטי, רק תיקון יישומוני פעולה מעט.