Personal tools
Views

From ProtoScript

Jump to: navigation, search

Contents

YUI:Mouseout Behavior

Adds a mouse out event to the current behavior or callback.

Example

$proto('img#avatar', {
  Mouseout: {
     onMouseout: {
        Fade: {
           opacity: {to: 0}
        }
     }	
  }
});


For an image with id avatar, change the background color to red when the mousemoves out of the target.

Attributes

Name Description Default Valid Values Example
target Selected element or elements to attach a double-click event to. See Element Scope Inherited from parent behavior. If no value supplied, use the last targeted element. If value is supplied, use the element(s) selected by the target instead. String value denoting an interface element. target:'#avatar'
modifier Name of modifier key that must be pressed for the event to fire 'shift', 'alt', 'ctrl' no value modifier: 'alt'
delay Amount of time (in seconds) to delay before firing the callback behavior. No delay is set. number delay: 0.5

Callbacks

Name Description
onMouseout The callback corresponding to the Mouseout behavior. Fired when a mouse is moved out of the target. If the modifier attribute is supplied, then the given modifier key must be pressed also.

Demos

See Mouseout Demo