Home / AJAX

HOW TO Use the Hover Control

RSS
Modified on 2009/12/24 00:25 by Chris Muench Categorized as Uncategorized

Hover Demonstration

Hover over this for 1 second
Log:

Hover Description

NO DESCRIPTION FOUND: ONLY FOR HOVERMENU

NO VIDEO FOUND

Video - How Do I: Use the ASP.NET AJAX Hover Control?

Hover Client Code Sample

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>Untitled Page</title> <style type="text/css"> #popup { width: 200px; height: 200px; background-color: Gray; border: dashed 2px red; } </style> <script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.3.2.js" type="text/javascript"></script> <script src="http://ajax.microsoft.com/ajax/beta/0911/Start.debug.js" type="text/javascript"></script> <script src="http://ajax.microsoft.com/ajax/beta/0911/extended/ExtendedControls.debug.js" type="text/javascript"></script> <script type="text/javascript"> function onHover() { $get('log').innerHTML += "hover<br/>"; } function onUnhover() { $get('log').innerHTML += "unhover<br/>"; } Sys.debug = true; Sys.require(Sys.components.hover, function() { $("#hover").hover({ hover: onHover, hoverDelay: 1000, unhover: onUnhover }); }); </script> </head> <body> <div id="hover"> Hover over this for 1 second </div> <div id="log">Log:<br /></div> </body> </html>

Hover Client Properties

Hover Server Code Sample


Hover Server Properties

The properties in italics are optional.


Hover Additional Code Samples