当前位置：网站首页>ASP.NET 利用ImageMap控件设计导航栏

ASP.NET 利用ImageMap控件设计导航栏

2022-06-10 12:08:00 【八十八老】

添加web窗体ImageMap.aspx
添加一个ImageMap控件
请添加图片描述
在网站中准备一张map图片
请添加图片描述
找到属性
请添加图片描述设置HotSpots,添加选择长方形（RectangleHotSpot）,跳转的链接设置为百度

请添加图片描述

buttton为图片的高
left right为宽
自己根据图片的大小去设置（图片的像素电脑就可以查）
以下提供参考
请添加图片描述

请添加图片描述
请添加图片描述
请添加图片描述
做的有点粗糙，点击左边就是百度
aspx源代码

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ImageMap.aspx.cs" Inherits="Chap2_ImageMap" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:ImageMap ID="ImageMap1" runat="server" ImageUrl="~/Images/map.jpeg">
                <asp:RectangleHotSpot Bottom="585" NavigateUrl="http://www.baidu.com" Right="390" />
                <asp:RectangleHotSpot Bottom="585" Left="390" NavigateUrl="http://www.163.com" Right="780" />
            </asp:ImageMap>
        </div>
    </form>
</body>
</html>
原网站

版权声明
本文为[八十八老]所创，转载请带上原文链接，感谢
https://blog.csdn.net/cytcytcytcytcyt/article/details/124092892

边栏推荐

猜你喜欢

随机推荐