EN
jQuery - mouse hover event example
11 points
In this article, we would like to show you how to create a mouse hover event using jQuery.
xxxxxxxxxx1
2
<html>3
<head>4
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>5
</head>6
<body>7
<div id="element" style="padding: 10px; background: orange;">8
Move mouse over element...9
</div>10
<script>11
12
$(document).ready(function() {13
var element = $('#element');14
15
function onMouseOver() {16
element.text('Mose over element...');17
}18
19
function onMouseLeft() {20
element.text('Mose left element...');21
}22
23
element.hover(onMouseOver, onMouseLeft);24
});25
26
</script>27
</body>28
</html>