רכיבי Widget מסוג Spry מוחלפים ברכיבי Widget של jQuery ב-Dreamweaver CC ואילך. בעוד שניתן עדיין לשנות רכיבי Widget קיימים מסוג Spry בדף, לא תוכל להוסיף רכיבי Widget חדשים מסוג Spry.
אפקטים של Spry הם שיפורים חזותיים שניתן להחיל כמעט על כל רכיב בדף HTML בעזרת JavaScript. לעתים קרובות משתמשים באפקטים כדי לסמן מידע, ליצור מעברים עם אנימציה, או לשנות חזותית רכיב בדף למשך זמן מסוים. ניתן להחיל אפקטים על רכיבי HTML ללא תגים מותאמים אישית נוספים.
להחלת אפקט על רכיב, יש לבחור בו, או שעליו לכלול מזהה. לדוגמה, אם אתה מחיל סימון על תג div שלא נבחר כרגע, לתג חייב להיות מוקצה ערך מזהה חוקי. אם הרכיב אינו כולל מזהה,יהיה עליך להוסיפו לקוד HTML.
אפקטים יכולים לשנות אטימות, קנה מידה, מיקום ומאפייני סגנון של רכיב, כגון צבע רקע. ניתן ליצור אפקטים חזותיים מעניינים בעזרת שילוב שני מאפיינים או יותר.
מאחר שאפקטים אלה מבוססים על Spry, כשמשתמש לוחץ על רכיב הכולל אפקט, רק רכיב זה מתעדכן באופן דינמי, מבלי לרענן דף HTML שלם.
Spry כולל את האפקטים הבאים:
Appear/Fade
גורם לרכיב להופיע או להתפוגג.
Highlight
משנה את צבע הרקע של רכיב.
Blind
מדמה תריס עולה ויורד של חלון, המסתיר או חושף את הרכיב.
Slide
מזיז את הרכיב כלפי מעלה או כלפי מטה.
Grow/Shrink
מגדיל או מקטין את הרכיב.
Shake
מדמה ניעור של הרכיב משמאל לימין.
Squish
גורם לרכיב להיעלם בפינה השמאלית העליונה של הדף.
כשמשתמשים באפקט, שורות קוד שונות מתווספות לקובץ בתצוגת Code. שורה אחת מזהה את הקובץ SpryEffects.js, הדרוש כדי לכלול את האפקטים. אל תסיר שורה זו מהקוד, אחרת האפקטים לא יעבדו.
לסקירה מקיפה בנושא אפקטים של Spry הזמינים בסביבת Spry, בקר בכתובת www.adobe.com/go/learn_dw_spryeffects_il.
ניתן להשתמש באפקט זה בכל אובייקט HTML פרט ל-applet, body, iframe, object, tr, tbody או th.
ניתן להשתמש באפקט זה רק בתגי HTML הבאים: address, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, p, ol, ul, li, applet, center, dir, menu או pre.
ניתן להשתמש באפקט זה ברכיבי HTML הבאים: address, dd, div, dl, dt, form, p, ol, ul, applet, center, dir, menu או pre.
ניתן להשתמש באפקט זה בכל אובייקט HTML פרט ל-applet, body, frame, frameset או noframes.
ניתן להשתמש באפקט זה ברכיבי HTML הבאים: address, blockquote, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, iframe, img, object, p, ol, ul, li, applet, dir, hr, menu, pre או table.
כדי שהאפקט Slide יפעל כהלכה, רכיב היעד חייב להיות מוקף בתג מכל בעל מזהה ייחודי. תג המכל המקיף את רכיב היעד חייב להיות תג blockquote, dd, form, div, או center.
תג רכיב היעד חייב להיות אחד מהתגים הבאים: blockquote, dd, div, form, center, table, span, input, textarea, select אוimage.
ניתן להשתמש באפקט זה רק באובייקטי HTML הבאים: address, dd, div, dl, dt, form, img, p, ol, ul, applet, center, dir, menu או pre.
ניתן לקשר התנהגויות אפקט מרובות לאותו רכיב כדי לקבל תוצאות מעניינות.
ניתן להסיר התנהגויות של אפקט אחד או יותר מרכיב.
לחץ על הלחצן Remove Event בשורת הכותרת של תת-החלונית (-).
לחץ לחיצה ימנית (Windows) או הקש Control (Macintosh) תוך כדי לחיצה על ההתנהגות, ובחר Delete Behavior.
כניסה לחשבון