当前位置: 首页 > 图文教程 > 网络编程 > ASP.NET > HTML服务器控件介绍:HtmlImage控件

ASP.NET
ASP.NET FORUMS换肤流程
关于webservice的异步调用简单实例
nhibernate数据加载之Criteria加载
C# 把指定控件显示在最上面
VB面向对象编程的一个简单的演示程序
关于如何利用COM+,来提高ASP执行权限的问题!
ASP.NET跨应用程序进行登录的解决
在快捷方式的右键菜单上添加打开所在目录的菜单项
XML简明教程(一)
使用自定义的数据源进行DataGrid控件的数据绑定
提供两种散列加密算法:MD5、SHA1。大小写敏感
把鼠标放在Form的边缘上不会出现可拉动
The custom tool 'CrystalDecisions.VSDesigner.CodeGen.ReportCodeGenerator' failed
Split的用法
利用XSD生成強類型類文件和描述文件
关于datagrid中的字符串转换
C#中来应用Hook
Get your Crystal report working on your customers server (Cannot find Keycod...
C#中如何插入照片到Excel
.net中Web自定义控件编写注意事项

ASP.NET 中的 HTML服务器控件介绍:HtmlImage控件


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 125 ::
收藏到网摘: n/a

请首先查看:ASP.NET入门教程:HTML服务器控件。简单讲述了HTML服务器控件的使用方法。

下面开始讲解: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识别的许多事件之一:看到本信息说明该文是通过网页教学(RuanChen.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控件中选取的值决定显示哪一个图像。本文由软晨学习网RuanChen.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>

在以上示例中会用到这些图像,注意把它们存放到适当的目录中: