代碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>AJAX控制項之Rating</title>
<style type="text/css">
.RatingStar
{
font-size:0pt;
width:13px;
height:12px;
marging:0px;
padding:0px;
cursor:pointer;
display:block;
background-repeat:no-repeat;
}
.filledRatingStar
{
background-image:url(images/FilledStar.png);
}
.emptyRatingStar
{
background-image:url(images/EmptyStar.png);
}
.savedRatingStar
{
background-image:url(images/SavedStar.png);
}
</style>
</head>
<body style="text-align: center">
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Label ID="Label1" runat="server" Text="顯示結果"></asp:Label><br />
<br />
<cc1:Rating ID="Rating1" runat="server" CurrentRating="2" StarCssClass="RatingStar" FilledStarCssClass="filledRatingStar" EmptyStarCssClass="emptyRatingStar" WaitingStarCssClass="savedRatingStar">
</cc1:Rating>
<br />
<br />
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="確定" Width="57px" />
</ContentTemplate>
</asp:UpdatePanel>
<cc1:Rating ID="Rating2" runat="server" CurrentRating="2" StarCssClass="RatingStar" FilledStarCssClass="filledRatingStar" EmptyStarCssClass="emptyRatingStar" WaitingStarCssClass="savedRatingStar">
</cc1:Rating>
</div>
</form>
</body>
</html>
