דברים מעניינים במעבר עכבר

[חד וחלק]

איך עושים כזה דבר? איזה תוסף מומלץ?

 

[שמואל גרינשטיין]

למשל?

 

[Nahum]

איך עושים? ככה עושים בjavascript נקי:

זה הhtml
This user does not have permission to use the HTML BB code.



וזה הjavascript

var element = document.getElementById('test');
element.onmouseover = function(){
תתפרע!
}

 

[Shia]

כמו ששמואל שאל, לא מספיק ברור מה הכוונה "דברים מעניינים במעבר עכבר".
יש דברים שאפשר לעשות בקלות בעזרת css יש דברים שאפשר לטפל בהם בעזרת javascript, אבל לא ברור מה בדיוק הכוונה.

אם הכוונה לאפקטים של css, הנה כמה קישורים שימושיים:
http://ianlunn.github.io/Hover/
http://tympanus.net/Tutorials/CircleHoverEffects/index.html
http://www.nikesh.me/demo/image-hover.html

זה משלב גם קצת jQuery:
http://tympanus.net/TipsTricks/DirectionAwareHoverEffect/

 

[חד וחלק]

כמו ששמואל שאל, לא מספיק ברור מה הכוונה "דברים מעניינים במעבר עכבר".
יש דברים שאפשר לעשות בקלות בעזרת css יש דברים שאפשר לטפל בהם בעזרת javascript, אבל לא ברור מה בדיוק הכוונה.

אם הכוונה לאפקטים של css, הנה כמה קישורים שימושיים:
http://ianlunn.github.io/Hover/
http://tympanus.net/Tutorials/CircleHoverEffects/index.html
http://www.nikesh.me/demo/image-hover.html

זה משלב גם קצת jQuery:
http://tympanus.net/TipsTricks/DirectionAwareHoverEffect/

לכאלו דברים התכוונתי.

אבל אני רואה שם רק תצוגה,
אני לא רואה שם קוד, איך משתמשים בזה?

 

[Shia]

בכל אחד מהדפים יש קישור למאמר/מדריך שמסביר על הקוד...
הנה לפי הסדר:
http://ianlunn.co.uk/articles/hover-css-tutorial-introduction/
http://tympanus.net/codrops/2012/08/08/circle-hover-effects-with-css-transitions/
http://www.nikesh.me/blog/2010/05/sexy-image-hover-effects-using-css3/
http://tympanus.net/codrops/2012/04/09/direction-aware-hover-effect-with-css3-and-jquery/

 

[Shia]

עוד קצת
http://tympanus.net/Development/HoverEffectIdeas/index.html
http://tympanus.net/Tutorials/CaptionHoverEffects/index.html
http://tympanus.net/Tutorials/ShapeHoverEffectSVG/

 

[s976]

כמו ששמואל שאל, לא מספיק ברור מה הכוונה "דברים מעניינים במעבר עכבר".
יש דברים שאפשר לעשות בקלות בעזרת css יש דברים שאפשר לטפל בהם בעזרת javascript, אבל לא ברור מה בדיוק הכוונה.

אם הכוונה לאפקטים של css, הנה כמה קישורים שימושיים:
http://ianlunn.github.io/Hover/

אהבתי.

 

[s976]

https://davidwalsh.name/css-flip

 

[תמנתי ווב דיזיין]

לא שמת לב שיהושע כבר העלה את האתר הזה

 

[חד וחלק]

נהניתי מהאפקטים באתר הזה שהעלה יהושע:
http://ianlunn.co.uk/articles/hover-css-tutorial-introduction/

מה שירד לי זו תיקיה אחת שאני לא מוצאת בה את ידי ואת רגלי.
מישהו יכול לתת לי הדרכה איך לטייל בה?

תודה

 

[חד וחלק]

נהניתי מהאפקטים באתר הזה שהעלה יהושע:
http://ianlunn.co.uk/articles/hover-css-tutorial-introduction/

מה שירד לי זו תיקיה אחת שאני לא מוצאת בה את ידי ואת רגלי.
מישהו יכול לתת לי הדרכה איך לטייל בה?

תודה

הסתדרתי
תודה