imagemapdemo.aspx

这是一个教学网站的源代码,有学生版快和老师版快,能实现添加删除资源,老师能上传资源,实现学生老师之间的互动,

<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="ImageMapDemo.aspx.cs" Inherits="BaseControl_ImageMapDemo" Title="Untitled Page" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
<table>
    <tr>
        <td style="width: 485px">
        <fieldset style="width: 290px">
        <legend class="mainTitle">ImageMap控件典型应用</legend>
        <br />
        <asp:ImageMap ID="ImageMap1" runat="server" ImageUrl="~/images/pic1.png" OnClick="ImageMap1_Click" Width="434px">
            <asp:RectangleHotSpot AlternateText="mode" Bottom="175" Left="77" NavigateUrl="http://www.163.com"
                Right="150" Target="_blank" Top="119" />
            <asp:CircleHotSpot AlternateText="处理1" HotSpotMode="PostBack" PostBackValue="Pro1"
                Radius="39" X="241" Y="50" />
            <asp:CircleHotSpot AlternateText="处理2" HotSpotMode="PostBack" PostBackValue="Pro2"
                Radius="39" X="241" Y="285" />
            <asp:PolygonHotSpot AlternateText="引擎" Coordinates="366,118,325,160,372,206,411,161"
                HotSpotMode="Navigate" NavigateUrl="~/Default.aspx" />
        </asp:ImageMap>
        <br />
        <asp:Label ID="LabMessage" runat="server" Font-Bold="True" Font-Size="14pt" ForeColor="#FF9966"></asp:Label>
        </fieldset>  
        </td>
    </tr>
    <tr>
        <td>
            <asp:Label ID="Label1" runat="server" Font-Size="X-Large" Text="HotSpot属性:"></asp:Label><br />
    <br />
    圆，矩形，多边形<br />
    <br />
    <asp:Label ID="Label2" runat="server" Font-Size="X-Large" Text="HotSpotMode:"></asp:Label><br />
    <table border="1" bordercolor="#000000" style="width: 321px; height: 160px;">
        <tr>
            <td style="width: 114px; height: 16px">
                Navigate</td>
            <td style="width: 43px; height: 16px">
                PostBack</td>
            <td style="width: 112px; height: 16px">
                InActive</td>
        </tr>
        <tr>
            <td style="width: 114px">
                导航</td>
            <td style="width: 43px">
                回发</td>
            <td style="width: 112px">
                未激活</td>
        </tr>
        <tr>
            <td style="width: 114px; height: 16px">
                需要设置属性</td>
            <td style="width: 43px; height: 16px">
                需要设置属性</td>
            <td style="width: 112px; height: 16px">
                无设置</td>
        </tr>
        <tr>
            <td style="width: 114px">
                NavigateUrl</td>
            <td style="width: 43px">
                PostBackValue</td>
            <td style="width: 112px">
            </td>
        </tr>
        <tr>
            <td style="width: 114px">
                Target</td>
            <td style="width: 43px">
            </td>
            <td style="width: 112px">
            </td>
        </tr>
    </table>
        </td>
    </tr>
</table>
</asp:Content>