asp.net中的ImageMap热区定义

最新推荐文章于 2022-10-25 11:55:27 发布

yayun0516

最新推荐文章于 2022-10-25 11:55:27 发布

阅读量3.9k

点赞数 2

文章标签：热区 asp.net ImageMap

本文链接：https://blog.csdn.net/yayun0516/article/details/41594053

版权

.aspx代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Sample 3-15.aspx.cs" Inherits="Sample_3_7" %>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="StyleSheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2>ImageMap 控件应用</h2>
        <div id="div_p1">
            <p>下面是一张200px * 400px 的图片，建立了4个热区</p>
        
            <asp:ImageMap ID="imgMap" runat="server" ImageUrl="~/imgs/hotarea.jpg">
                <asp:<span style="color:#ff0000;">CircleHotSpot</span> X="100" Y="50" Radius="50" NavigateUrl="http://www.51zxw.net" AlternateText="我要自学网" />
                <asp:<span style="color:#ff0000;">RectangleHotSpot</span> Top ="100" Left="0" Right="200" Bottom="200" NavigateUrl="http://www.163.com" AlternateText="网易" />
                <asp:<span style="color:#ff0000;">PolygonHotSpot</span> Coordinates="10,220,90,210,180,220,180,270,10,270" NavigateUrl="http://www.baidu.com" AlternateText="百度" />
            </asp:ImageMap><span style="color:#ff0000;"><%--Coordinates="x,y,x,y,x,y,x,y"--%></span>
          
            <br />
            <asp:Button ID="Button1" runat="server" Text="添加最后一个热区：淘宝" 
                οnclick="Button1_Click" />
            
        
        </div>
    

    
    </div>
    </form>
</body>
</html>

.aspx.cs代码如下：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class Sample_3_7 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }

    protected void Button1_Click(object sender, EventArgs e)
    {
        RectangleHotSpot ha=new RectangleHotSpot();
        ha.Left = 0; ha.Right = 200; ha.Top = 300; ha.Bottom = 400;
        ha.NavigateUrl = "http://www.taobao.com";
        ha.AlternateText = "淘宝";//鼠标悬停提示文字


        imgMap.HotSpots.Add(ha);//要精确地写.HotSpots.Add();写.Controls.Add()会报错
    }
}

效果如下：

yayun0516

关注

2
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
asp.net中的ImageMap热区定义

.aspx代码如下： ImageMap 控件应用下面是一张200px * 400px 的图片，建立了4个热区 CircleHotSpot X="100" Y="50" Radius="50" N
复制链接

扫一扫