JS - onmouseover()-onmouseout()

<!DOCTYPE html> <html> <body> <img onmouseover="bigImg(this)" onmouseout="normalImg(this)" border="0" src="http://bcasupport.xyz/wp-content/uploads/2017/03/site-icon.png" alt="Smiley" width="32" height="32"> <p>The function bigImg() is triggered when the user moves the mouse pointer over the image.</p> <p>The function normalImg() is triggered when the mouse pointer is moved out of the image.</p> <script> function bigImg(x) { x.style.height = "64px"; x.style.width = "64px"; } function normalImg(x) { x.style.height = "32px"; x.style.width = "32px"; } </script> </body> </html>

Be the first to comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.