一、 简介

    ASP.NET AJAX框架为开发者提供了三种方案用于扩展该框架的客户端功能：行为，可视化组件及非可视化组件。这三类组件分别对应于Sys.UI.Behavior，Sys.UI.Control及Sys.Component。因为在以前的文章中，对这三个概念有细致介绍，所以在此不再赘述。但是，我们还是有必要再回顾一下其间的关系图，如下图1所示。


    图1—MS AJAX框架提供的组件、行为与控件继承关系图。
   
     在本文中，我们将基于MS AJAX客户端技术构建一个定制的行为—MyHoverBehavior（鼠标悬浮行为）。

二、 使用定制的鼠标Hover行为

    你可以把本文创建的定制行为MyHoverBehavior应用到任意的HTML控件上，允许指定当用户的鼠标悬停在该控件上时引发的动作。譬如，你可以把这个行为应用于如下典型场所：实现自定义的工具提示、上下文菜单以及智能标签等。图2及图3分别展示了本文示例程序的两个运行时刻快照。


    图2—本文示例程序运行时刻快照1

   当你在图2中呈黄色底纹的<DIV>元素上移动鼠标时，你会观察到如下图3所示的快照。


图3—当你在黄色底纹的<DIV>元素上移动鼠标时的屏幕快照（此时悬浮行为起作为，相应的<DIV>元素的CSS样式发生改变）。

   【注意】在上面的两个屏幕快照中下方似乎多出了一个矩形，其实这是MS AJAX框架推荐的一种JavaScript代码调试技术，即在页面HTML代码中嵌入一个特有的id为‘TraceConsole’的<textarea>元素。这样以来，Sys.Debug.trace及Sys.Debug.traceDump等语句的输出都会显示于此元素内，极大地方便了脚本代码的调试。