Source Address: http://www.g2room.com/jquery/index.php?p=example%2Fevent%2Fmouseover.html&n=%E9%BC%A0%E6%A0%87%E4%BA% 8b%e4%bb%b6%e4%b9%8b%e9%bc%a0%e6%a0%87%e6%bb%91%e8%bf%87%e4%ba%8b%e4%bb%b6mouseover
var i = 0;//Defines the method function Showcontent (event) {$ ("span") that executes after the event is triggered. EQ (0). After ("<span>" +i+ "times triggered" + Event.data.name+ "(" +event.data.code+ ") event, triggering element:" +$ (This). Get (0). tagname+ "</span><br/>"); Stop (). FadeTo (' Slow ', i%2==0 0.4:1); i++;} $ (function () {//Bind mouseover event on input//triggered when mouse over INPUT element. There are multiple elements used to bind an event, and the actual application is mostly handled separately. $ ("Input,textarea,select"). MouseOver (function Showcontent () {$ ("span"). EQ (0). After ("<span>" +i+ " Triggers the mouse cursor movement (mouseover) event, triggering the element: "+$ (This). Get (0). type+" </span><br/> "); Stop (). FadeTo (' Slow ', i% 2==0? 0.4:1); i++;}); /Bind the MouseOver event on Div, span, and p elements//and pass in the event argument $ ("Div,span,p,li,dd"). MouseOver ({code: "MouseOver", Name: "Mouse Down Event"}, showcontent);});
The effect is as follows:
Mouse event mouse over event mouseover