|
صفحة: 265
< div > < form id = "form 1 " > < body dir = "rtl" style = "background-color : Green ; color : Yellow ; " > head > < title > Events Samples title > < head > h 1 > הדגמת אירועים < p style = "font-size : medium ; color : Blue" < h 1 style = "color : Red" > onmouseover = "style . backgroundColor = 'red' ; " > onmouseover < br /> פסקה זו תדגים את האירוע onmouseover בעת העברת העכבר על הפסקה , ישתנה צבע הרקע של הפסקה לאדום p > < br /> onmouseout = "style . backgroundColor = 'green' ; " > onmouseover = "style . backgroundColor = 'red' ; " < p style = "font-size : medium ; color : Yellow" העברת עכבר על הפסקה הקודמת שינתה את צבע הרקע של הפסקה , < br /> אך הצבע לא חזר לצבעו המקורי עם הזזת העכבר אל מחוץ לאזור הפסקה . < br /> פסקה זו מפעילה שני אירועים . האחד < br /> onmouseover והשני onmouseout אשר ידאג להחזרת הצבע המקורי . < br /> < p > p > ניתן כמובן להחליף תמונה בעת העברת העכבר . לפניכם הדוגמה , רק זכרו להחזיר את התמונה המקורית לאחר הזזת העכבר onmousemove = "document . whiteCat . src = 'Images / cat 2 . jpg' ; " < img name = "whiteCat " src = "Images / cat 1 . jpg" alt = "cat changes" < br /> html > body > form > div > p > onmouseout = "document . whiteCat . src = 'Images / cat 1 . jpg' ; " />
|
|