< ajaxToolkit:ModalPopupExtender ID ="ModalPopupExtender1" runat ="server" TargetControlID ="LinkButton1" PopupControlID ="Panel1" BackgroundCssClass ="modalBackground" DropShadow ="true" OkControlID ="OkButton" CancelControlID ="CancelButton" OnOkScript ="onOk()" >
</ ajaxToolkit:ModalPopupExtender >

<% ... @PageLanguage = " C# " AutoEventWireup = " true " CodeFile = " changeCSS.aspx.cs " Inherits = " changeCSS " %>

<! DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html xmlns ="http://www.w3.org/1999/xhtml" >
< head runat ="server" >
< title > 無標題頁 </ title >
< link href ="StyleSheet.css" rel ="stylesheet" type ="text/css" />
< script type ="text/javascript" > ...
var styleToSelect;
function onOk()
... {
document.getElementById( ' Paragraph1 ' ).className = styleToSelect;
}
</ script >
</ head >
< body >
< form id ="form1" runat ="server" >
< div >
< asp:ScriptManager ID ="ScriptManager1" runat ="server" >
</ asp:ScriptManager >

</ div >
< asp:LinkButton ID ="LinkButton1" runat ="server" Width ="240px" > Pleasechangethestyle </ asp:LinkButton >
< p id =Paragraph1 >
< a href ="http://blog.csdn.net/burningcpu" >< span style ="color:#3366cc" > burningcpu </ span ></ a > ,
IamZhouLu,amemeberofShangHaiIscom.netteam,lovesoftwaredevelopment,enjoyit.
</ p >
< asp:Panel ID ="Panel1" runat ="server" CssClass ="modalPopup" Style ="display:none" Width ="233px" >
< p > Choosethestyleyouwouldlike </ p >
< input id ="RadioA" name ="Radio" onclick ="styleToSelect='sampleStyleA';" type ="radio" />
< label class ="sampleStyleA" for ="RadioA" >
ChooseTHISStyle. </ label >< br />
< input id ="RadioB" name ="Radio" onclick ="styleToSelect='sampleStyleB';" type ="radio" />
< label class ="sampleStyleB" for ="RadioB" >
ChooseTHISStyle. </ label >< br />
< input id ="RadioC" name ="Radio" onclick ="styleToSelect='sampleStyleC';" type ="radio" />
< label class ="sampleStyleC" for ="RadioC" >
ChooseTHISStyle. </ label >< br />
< input id ="RadioD" name ="Radio" onclick ="styleToSelect='sampleStyleD';" type ="radio" />
< label class ="sampleStyleD" for ="RadioD" >
ChooseTHISStyle. </ label >< br />
< div align ="center" >
< asp:Button ID ="OkButton" runat ="server" Text ="OK" />
< asp:Button ID ="CancelButton" runat ="server" Text ="Cancel" />
</ div >
</ asp:Panel >
&nbsp;
< ajaxToolkit:ModalPopupExtender ID ="ModalPopupExtender1" runat ="server" TargetControlID ="LinkButton1" PopupControlID ="Panel1" BackgroundCssClass ="modalBackground" DropShadow ="true" OkControlID ="OkButton" CancelControlID ="CancelButton" OnOkScript ="onOk()" >
</ ajaxToolkit:ModalPopupExtender >
</ form >
</ body >
</ html >