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