程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> 關於.NET >> HTML服務器控件介紹:HtmlImage控件

HTML服務器控件介紹:HtmlImage控件

編輯:關於.NET

下面開始講解: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>

在以上示例中會用到這些圖像,注意把它們存放到適當的目錄中:
      

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved