Skip to main content

Posts

Showing posts with the label mouseover

In jQuery what's the best way to add a class on mouseover and remove it on mouseout?

Is there a jQuery shortcut for this? $(element).on("mouseover", function() { $(this).addClass("hover"); }).on("mouseout", function() { $(this).removeClass("hover"); }); I see in the jQuery docs a method called hover() , but that seems to bind on events mouseenter and mouseleave (should I be using those events instead of mouseover and mouseout ?)

Html5 canvas and jquery

I have created a triangle using canvas but i was wondering if there was a way to change the fillStyle color on mouseover as if it were a div and jquery. var context = document.getElementById("canvasId").getContext("2d"); var width = 150; var height = 105; context.beginPath(); context.moveTo(75, 0); context.lineTo(150, 105); context.lineTo(0, 105); context.closePath(); context.fillStyle = "#ffc821"; context.fill(); Thank you for the support