RectangleHotSpot.Top 屬性
定義
重要
部分資訊涉及發行前產品,在發行之前可能會有大幅修改。 Microsoft 對此處提供的資訊,不做任何明確或隱含的瑕疵擔保。
取得或設定由這個 RectangleHotSpot 物件定義之矩形區域上方的 Y 軸。
public:
property int Top { int get(); void set(int value); };
public int Top { get; set; }
member this.Top : int with get, set
Public Property Top As Integer
屬性值
矩形區域上方的 Y 軸由這個 RectangleHotSpot 物件定義。 預設值是 0。
範例
下列程式碼範例示範如何以宣告方式建立包含兩 RectangleHotSpot 個 ImageMap 物件的控制項。 一個 RectangleHotSpot 物件是以宣告方式建立,而且其屬性包括 Top 屬性,會以宣告方式設定。 另一個 RectangleHotSpot 物件是以程式設計方式建立,而且其屬性包括 Top 屬性,會以程式設計方式設定。 若要讓這個範例正常運作,您必須提供屬性自己的映射 ImageUrl ,並適當地更新映射的路徑,讓應用程式可以找到它。
<%@ page language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
void Page_Load(object sender, EventArgs e)
{
// Programmatically create a RectangleHotSpot.
RectangleHotSpot Rectangle1 = new RectangleHotSpot();
// Set properties on Rectangle1.
Rectangle1.Top = 0;
Rectangle1.Left = 0;
Rectangle1.Bottom = 200;
Rectangle1.Right = 200;
Rectangle1.PostBackValue = "Yes";
Rectangle1.AlternateText = "Vote yes";
// Add the RectangleHotSpot object to the
// Vote ImageMap control's HotSpotCollection.
Vote.HotSpots.Add(Rectangle1);
}
void VoteMap_Clicked(object sender, ImageMapEventArgs e)
{
// When a user clicks the "Yes" hot spot,
// display the hot spot's value.
if (e.PostBackValue == "Yes")
Message1.Text = "You selected " + e.PostBackValue + ".";
else if (e.PostBackValue == "No")
// When a user clicks the "No" hot spot,
// display the hot spot's value.
Message1.Text = "You selected " + e.PostBackValue + ".";
else
Message1.Text = "You did not click a valid hot spot region.";
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<title>RectangleHotSpot Properties Example</title>
</head>
<body>
<form id="Form1" runat="server">
<h3>RectangleHotSpot Properties Example</h3>
<!-- Change or remove the width and height attributes as
appropriate for your image. -->
<asp:imagemap id="Vote"
imageurl="Images/VoteImage.jpg"
alternatetext="Voting choices"
hotspotmode="PostBack"
width="400"
height="200"
onclick="VoteMap_Clicked"
runat="Server">
<asp:RectangleHotSpot
top="0"
left="201"
bottom="200"
right="400"
postbackvalue="No"
alternatetext="Vote no">
</asp:RectangleHotSpot>
</asp:imagemap>
<br />
<asp:label id="Message1"
runat="Server">
</asp:label>
</form>
</body>
</html>
<%@ page language="VB" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
' Programmatically create a RectangleHotSpot.
Dim Rectangle1 As New RectangleHotSpot
' Set properties on Rectangle1.
Rectangle1.Top = 0
Rectangle1.Left = 0
Rectangle1.Bottom = 200
Rectangle1.Right = 200
Rectangle1.PostBackValue = "Yes"
Rectangle1.AlternateText = "Vote yes"
' Add the RectangleHotSpot object to the
' Vote ImageMap control's HotSpotCollection.
Vote.HotSpots.Add(Rectangle1)
End Sub
Sub VoteMap_Clicked(ByVal sender As Object, ByVal e As ImageMapEventArgs)
' When a user clicks the "Yes" hot spot,
' display the hot spot's value.
If (e.PostBackValue = "Yes") Then
Message1.Text = "You selected " & e.PostBackValue & "."
' When a user clicks the "No" hot spot,
' display the hot spot's value.
ElseIf (e.PostBackValue = "No") Then
Message1.Text = "You selected " & e.PostBackValue & "."
Else
Message1.Text = "You did not click a valid hot spot region."
End If
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<title>RectangleHotSpot Properties Example</title>
</head>
<body>
<form id="Form1" runat="server">
<h3>RectangleHotSpot Properties Example</h3>
<!-- Change or remove the width and height attributes as
appropriate for your image. -->
<asp:imagemap id="Vote"
imageurl="Images/VoteImage.jpg"
alternatetext="Voting choices"
hotspotmode="PostBack"
width="400"
height="200"
onclick="VoteMap_Clicked"
runat="Server">
<asp:RectangleHotSpot
top="0"
left="201"
bottom="200"
right="400"
postbackvalue="No"
alternatetext="Vote no">
</asp:RectangleHotSpot>
</asp:imagemap>
<br />
<asp:label id="Message1"
runat="Server">
</asp:label>
</form>
</body>
</html>
備註
屬性 Top 可讓您取得或設定值,這個值表示這個 RectangleHotSpot 物件所定義矩形區域頂端的 Y 座標。 若要完全定義 RectangleHotSpot 物件。 您必須指定這個屬性的值,以及 Left 、 Right 和 Bottom 屬性的值。