Article
Swap div color when mouse hovers over color list.
https://cdn.jsdelivr.net/npm/[email protected]/dist/js.cookie.min.js
Copy to clipboard
$(this).text() is used to get the list name which is a color.To change the background color of our gray area when our mouse hovers on the list, we do: https://raw.githubusercontent.com/finsweet/jqueryCourse/main/jquery%20events/ex31.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.
