Javascript onmouseover and onmouseout event

Please wait 0 seconds...

Scroll Down and click on Go to Link for destination

Congrats! Link is Generated

This event is fired when the mouse cursor is moved out of the element or its child elements .

The program for onmouseover and onmouseout is given below ------

<style> div { background-color : teal ; font-style : italic ; font-size : 25px ; font-family : 'Times New Roman' , Times , serif ; color : white ;} </style> </head> <body> <h1> javascript event </h1> <div onmouseover = "over()" onmouseout = "out()" id = "aa" >         Thank you very much. adipisicing elit. Please be blinded by any mistake at the time. Because neither pleasures nor the exercise of things itself, whence blinded by reason will come to be obtained by right distinction which, less truth? </div> <button type = "button" onclick = "myfunction()" > click here </button> <h1 id = "demo" ></h1> <script> function myfunction(){    document.getElementById( " demo" ).innerHTML= "this is an event" ;} function over(){    document.getElementById( "aa" ).style.color= "red" ;    document.getElementById( "aa" ).style.backgroundColor= "yellow" ;} function out(){    document.getElementById( "aa" ).style.color= "white" ;    document.getElementById( "aa" ).style.backgroundColor= "black" ;} </script>

Demo Download