חלון מוקפץ jQuery, מידע כללי על יצירת

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

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

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

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

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

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

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

כדי למלא את טופס ההרשמה בתג שלמעלה, עליך לרשום את הפרטים הבאים:

סגור

הרשמה באתר

הזן כניסה: הזן סיסמה:

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

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

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

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

אהבתי:
0
כיצד לבדוק את האיזון על MTS. כמה
כיצד לספור את מספר התווים ב- Word,
פרטים על אופן היצירה של חדר
כיצד לשנות את הידיים COP: ההוראה
חלונות קופצים - חלון קופץ. יצירה ו
הדפדפן נעול על ידי MIA: נכון או
התקנה נכונה של חבילות deb באובונטו
חלון מודול jQuery - על מה יש צורך וכיצד
הציפור התעופפה אל החלון - סימן טוב או
פוסטים מובילים
למעלה