hub.eb?material_id=385&track_id=426

JQuery Hover Event


The hover event can be bound to any control using the HTML Element Properties window. This event handler is slightly more complex than other jQuery event handlers as two functions must be defined. These functions are for:

  • Mouseenter
  • Mouseleave

Steps


1

Create a form and add a Panel Control to the form. Give the Panel Control a background color, height and width using the Styling Assistant.

2

Open the HTML Element Properties Window and give the panel the id of: box

3

Add a jQuery onHover event with the following code:

function(){
  $(this).css("transform","rotate(90deg)");
},
function(){
  $(this).css("transform","rotate(0deg)");
}
4

Run the form and observe what happens when you hover on the panel.

Current Module

Related