1、引用相关JS文件 <script src="MicrosoftAjax.debug.js" type="text/javascript"></script> <script src="AjaxControlToolkit.Common.Common.js" type="text/javascript"></script> <script src="AjaxControlToolkit.ExtenderBase.BaseScripts.js" type="text/javascript"></script> <script src="AjaxControlToolkit.PopupExtender.PopupBehavior.js" type="text/javascript"></script> <script src="AjaxControlToolkit.HoverExtender.HoverBehavior.js" type="text/javascript"></script> <script src="AjaxControlToolkit.HoverMenu.HoverMenuBehavior.js" type="text/javascript"></script>
2、放置一个作为触发源的html元素<input type="submit" name="btnRightShow" value="向右显示" id="btnRightShow" />
3、放置一个触发事件后动态显示的元素<div id="tipRightPanel" class="tipRightPanel" style="width:80px;"></div>
4、在页面的尾部添加初始化脚本 <script type="text/javascript"> <!-- Sys.Application.initialize(); Sys.Application.add_init(function() { $create(AjaxControlToolkit.HoverMenuBehavior, { //"HoverCssClass":"popupHover", "OffsetY":-20, "PopDelay":50, "PopupPosition":4, "dynamicServicePath":"tipRight.htm", "id":"hme1", "popupElement":$get("tipRightPanel") }, null, null, $get("btnRightShow")); }); // --> </script>
