Article
Introduction
https://cdn.jsdelivr.net/npm/[email protected]/dist/js.cookie.min.js
Copy to clipboard
The hover combines the mouseover event and mouseout event to realize a more simpler way to control element behavior when hovering with a mouse. In fact all mouseover + mouseout events can be implemented by hover!!
We show this in the following examplesIn this example we hover over the gray area div to change its background color. https://raw.githubusercontent.com/finsweet/jqueryCourse/main/jquery%20events/ex28.js?actionable=true
<script>
$(document).ready(function(){
XT1
});
</script>
$(document).ready(function(){
XT1
});
</script>
Copy to clipboard
Live demo
<div id="minidivpage" class="example-live"><div id="popUp" class="pop-up">Gray Area</div><h4 class="heading-4">Colours in a webflow list:</h4><ul role="list" class="list"><li>Purple</li><li>Blue</li><li>Magenta</li><li>Pink</li><li>Black</li><li>Red</li><li>Green</li></ul></div>
<script>
$(document).ready(function() {
XT1
});
</script>
$(document).ready(function() {
XT1
});
</script>
Copy to clipboard
Press the Run Demo button to execute the scripts above.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
