📄 imagemap.aspx
字号:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ImageMap.aspx.cs" Inherits="ImageMap" %>
<!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="main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
<scripts>
<asp:scriptreference path="~/ImageMap.js" />
</scripts>
<services>
<asp:servicereference path="~/LocationService.asmx" />
</services>
</asp:ScriptManager>
<%---------------------------%>
<P>
<IMG SRC="images\solarsys.gif" WIDTH=504 HEIGHT=126 BORDER=0
ALT="Solar System" USEMAP="#SystemMap">
<MAP NAME="SystemMap">
<AREA SHAPE="rect" COORDS="0,0,82,126"
onmouseover="javascript:GetAreaInfo(event, 'sun');" onmouseout="javascript:HidePopup();">
<AREA SHAPE="circle" COORDS="90,58,3"
onmouseover="javascript:GetAreaInfo(event, 'merglobe');" onmouseout="javascript:HidePopup();"
>
<AREA SHAPE="circle" COORDS="124,58,8"
onmouseover="javascript:GetAreaInfo(event, 'venglobe');" onmouseout="javascript:HidePopup();"
>
<AREA SHAPE="circle" COORDS="162,58,10"
onmouseover="javascript:GetAreaInfo(event, 'earglobe');" onmouseout="javascript:HidePopup();"
>
<AREA SHAPE="circle" COORDS="203,58,8"
onmouseover="javascript:GetAreaInfo(event, 'marglobe');" onmouseout="javascript:HidePopup();"
>
<AREA SHAPE="poly" COORDS="221,34,238,37,257,32,278,44,284,60,
281,75,288,91,267,87,253,89,237,81,229,64,228,54"
onmouseover="javascript:GetAreaInfo(event, 'jupglobe');" onmouseout="javascript:HidePopup();"
>
<AREA SHAPE="poly" COORDS="288,19,316,39,330,37,348,47,351,66,
349,74,367,105,337,85,324,85,307,77,303,60,307,50"
onmouseover="javascript:GetAreaInfo(event, 'satglobe');" onmouseout="javascript:HidePopup();"
>
<AREA SHAPE="poly" COORDS="405,39,408,50,411,57,410,71,
404,78,393,80,383,86,381,75,376,69,376,56,380,48,393,44"
onmouseover="javascript:GetAreaInfo(event, 'uraglobe');" onmouseout="javascript:HidePopup();"
>
<AREA SHAPE="poly" COORDS="445,38,434,49,431,53,427,62,430,72,
435,77,445,92,456,77,463,72,463,62,462,53,455,47"
onmouseover="javascript:GetAreaInfo(event, 'nepglobe');" onmouseout="javascript:HidePopup();"
>
<AREA SHAPE="circle" COORDS="479,66,3"
onmouseover="javascript:GetAreaInfo(event, 'pluglobe');" onmouseout="javascript:HidePopup();">
</MAP>
<%---------------------------%>
<div id="modal" class="modal" language="javascript" onclick="return modal_onclick()" style="left: 650px; width: 1px; top: 36px">
<div class="modalTop">
<div class="modalTitle" id="DIV1" style="width: 233px" >
AJAX化的ImageMap<img alt="Hide Popup" src="close_vista.gif" border="0" id="IMG1" language="javascript" onclick="return IMG1_onclick()" /></div>
<span style="CURSOR: hand" onclick="javascript:HidePopup();">
</span>
</div>
<div id="modalBody" class="modalBody"></div>
</div>
<%---------------------------%>
<div id="updateProgress">
<img alt="" src="animated_loading.gif" />
<span style="color: red;">正在处理数据，请稍候……</span>
</div>
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -