下面開始講解:HtmlImage控件
定義和用法
HtmlImage控件用來控制<img>元素。在Html中,<img>元素被用來顯示一個圖像。
屬性
屬性 |
說明 |
Align
此圖像如何根據周圍的元素對齊。合法值有:
- top
- middle
- bottom
- left
- right
Alt
此圖像的一個簡短描述
Attributes
返回此元素所有屬性名和屬性值
Border
環繞此圖像的邊框的寬度
Disabled
指明此控件是否被禁止的一個布爾值。默認值是false
Height
此圖像的高度
id
此控件的唯一id
runat
規定此控件是服務器控件。 必須被設置為 "server"
Src
要顯示的圖像的URL
Style
設置或返回應用於此控件的CSS特性
TagName
返回元素標簽名稱
Visible
指明此控件是否可見的一個布爾值
Width
此圖像的寬度
示例
HtmlImage
在此示例中我們在一個.ASPx文件中聲明一個HtmlImage控件(要記住把控件嵌入HtmlForm控件中)。然後我們在一個事件句柄(事件句柄是為某一個給定事件執行代碼的一段子程序)中修改此HtmlImage控件的src、alt和border屬性。Page_Load事件是ASP .Net識別的許多事件之一:看到本信息說明該文是通過網頁教學(webjx.com)整理發布的,請不要刪掉!
<script runat="server">
Sub Page_Load(Sender As Object,E As EventArgs)
image1.Src="/images/smiley.gif"
image1.Alt="Smiley"
image1.Border="3"
End Sub
</script><Html>
<body>
<form runat="server">
<img id="image1" runat="server" />
</form>
</body>
</Html>
HtmlImage 2
在此示例中我們在一個.ASPx文件中聲明一個HtmlImage和一個HTMLSelect控件(要記住把控件嵌入HtmlForm控件中)。然後我們根據用戶的選擇修改此HtmlImage控件的src屬性。在HtmlSelect控件中選取的值決定顯示哪一個圖像。本文由網頁教學網webjx.com整理發布!轉載請注明出處,謝謝!
<script runat="server">
Sub choose_image(Sender As Object, e As EventArgs)
image1.Src = "/images/" & select1.Value
End Sub
</script><Html>
<body>
<form runat="server">
<select id="select1" runat="server">
<option value="smiley.gif">Smiley</option>
<option value="angry.gif">Angry</option>
<option value="stickman.gif">Stickman</option>
</select>
<input type="submit" runat="server" value="Display image"
OnServerClick="choose_image">
<br /><br />
<img id="image1" src="/images/smiley.gif" runat="server" />
</form>
</body>
</Html>
在以上示例中會用到這些圖像,注意把它們存放到適當的目錄中: