上一章我们介绍了怎样使用PopupControlExtender，本章我们介绍ModalPopupExtender的使用方法。大家从名字就能看出这两个组件很相似，因此它们的使用方法也是大同小异的。上一章有关PopupControlExtender的介绍有很大部分也适用于ModalPopupExtender，只是它们所产生的效果不同而已，但机制是类似的，因此在本章不再重复介绍一些关键名词，我们只简单介绍ModalPopupExtender的使用方法。如有疑问请查看：轻松掌握Ajax.net系列教程六：使用PopupControlExtender 。
\n
第一步：建立AJAX Control Toolkit Web Site
\n
要使用ModalPopupExtender我们要使用AJAX Control Toolkit Web Site模板。本例子是演示怎样使用ModalPopup来修改我们的页面风格。建立好网站后我们需要以下控件：N个Panel控件作为Popup载体、一个LinkButton控件用于激活ModalPopup窗口、一个RadioButtonList控件用于选择样式、一段文本、两个Button控件用于确定或取消和一个ModalPopupExtender组件，如下图所示：
\n
\n
其中Panel部分的代码如下：
\n
\n