עושה דף תיק עם פלאש באתר האינטרנט שלך הפך להיות סוג של מיושן. בימים אלה עם מכונות מהירות יותר ודפדפן דור חדש באמת יכול לבעוט בכמה ישבנים עם Javascript ו-CSS. JQuery יש דרך מסודרת מאוד להתמודד עם תופעות מסוימות. כל הנפשות נובעות שיטת בסיס שנקרא "הנפש". הוא מפיח, טווינס את המאפיינים של אלמנטים DOM. כדי להפוך סיפור ארוך קצר תסתכל על זה.
אז שלחצת כבר ראה נכון? אוקי, אם אתה מסתכל על הקוד, זה פשוט למדי.
$ (מסמך). Ready (function () { var hover_in_easing = "easeOutExpo"; var hover_out_easing = "easeOutBounce"; . $ (". Info_container") להראות (); $ ("Div.portfolio_div"). לרחף (function () { . $ (זה) למצוא ("info_container"). הנפש ({למעלה: "0px"}, {משך: 400, הקלת: hover_in_easing}). }, Function () { . $ (זה) למצוא ("info_container"). הנפש ({למעלה: "100px"}, {משך: 500, הקלת: hover_out_easing}). }); / / 100 פיקסלים בגודל של המסכה });
היא משתמשת בפונקציה הנפש הנפש את המסכה מעל התמונה אשר הוסתר על ידי מיצוב יחסית. ועם להקל תוסף, אנו להשיג השפעה מגניב של הקפיץ כאשר עוברים מן התמונה. אתה יכול לשים את כל ה-HTML בתוך האלמנטים DIV info_container כל עוד זה לא הולך מעבר לגבולות הארץ. תסתכל על סגנון ואתה מוצא את זה מאוד gramatical. ניתן להתאים אישית את גודל ידי שינוי המעמד div.
השראה: http://dibusoft.com/portfolio
תגובות אחרונות