如何在asp.net c＃中创建ongouseover事件到PolygonHotSpot [英] how to create onmouseover event to PolygonHotSpot in asp.net c#

问题描述

我有< asp：imagemap> 11< asp：PolygonHotSpot>

如何为asp创建或模仿onmouseover事件：PolygonHotSpot

当我悬停asp：PolygonHotSpot我希望它改变颜色或热点更改图像

i have <asp:imagemap> with 11 <asp:PolygonHotSpot>
how can i create or mimic onmouseover event for asp:PolygonHotSpot
when i hover the asp:PolygonHotSpot i want it to change color or the hotspot change image

<asp:imagemap ID="Map" ImageUrl="images/map-color.png" AlternateText="Map" runat="server">
        <asp:PolygonHotSpot HotSpotMode="Navigate" Coordinates="558,27,536,45,583,53,613,55,655,22,644,16,641,20,622,34" AlternateText=""  NavigateUrl=""><asp:PolygonHotSpot>
        <asp:PolygonHotSpot HotSpotMode="Navigate" Coordinates="455,31,456,19,482,5,555,24,532,42,480,31" AlternateText="" NavigateUrl="">
        <asp:PolygonHotSpot HotSpotMode="Navigate" Coordinates="375,41,416,18,457,33,444,48,448,55,426,57,410,57,384,48,385,47" AlternateText="" NavigateUrl="">
        <asp:PolygonHotSpot HotSpotMode="Navigate" Coordinates="660,24,740,31,719,76,682,84,628,86,604,82,586,73,578,63,591,56,616,59" AlternateText="" NavigateUrl="">
        <asp:PolygonHotSpot HotSpotMode="Navigate" Coordinates="553,93,603,76,576,66,572,60,575,52,510,41,484,35,462,33,451,50,449,51,455,57,476,70,502,85,518,91" AlternateText=""  NavigateUrl="">
        <asp:PolygonHotSpot HotSpotMode="Navigate" Coordinates="371,43,414,61,331,92,192,122,150,122,85,106,127,105,191,95,256,81,311,65,343,55" AlternateText="" NavigateUrl=""></asp:PolygonHotSpot>
        <asp:PolygonHotSpot HotSpotMode="Navigate" Coordinates="421,63,445,54,502,89,546,95,518,108,484,121,464,141,464,148,436,150,411,157,386,172,211,131,196,125,333,94,366,82" AlternateText="" NavigateUrl="" ></asp:PolygonHotSpot>
        <asp:PolygonHotSpot HotSpotMode="Navigate" Coordinates="575,109,610,83,586,84,562,92,511,117,487,123,468,146,468,147,522,154,521,143,543,142,533,134" AlternateText="" NavigateUrl=""></asp:PolygonHotSpot>
        <asp:PolygonHotSpot HotSpotMode="Navigate" Coordinates="409,218,371,198,371,191,394,173,434,152,475,150,519,156,536,165,525,170,504,174,485,190,469,193,463,200,426,195,429,213" AlternateText="" NavigateUrl=""></asp:PolygonHotSpot>
        <asp:PolygonHotSpot HotSpotMode="Navigate" Coordinates="28,309,23,316,37,317,81,320,104,313,170,292,162,285,211,275,236,264,238,254,366,222,398,213,365,198,340,204,294,215,263,225"  AlternateText=""  NavigateUrl=""></asp:PolygonHotSpot>
        <asp:PolygonHotSpot HotSpotMode="Navigate" Coordinates="17,113,47,285,23,310,147,263,295,210,343,200,364,195,383,172,189,131,191,127,164,127,77,107,15,109"  AlternateText="" NavigateUrl=""></asp:PolygonHotSpot>        
    </asp:imagemap>

推荐答案

你在使用JQuery ???如果是这样的解决方案......

are you using JQuery??? if so here is the solution...

（ function （）{


var map = document 。 getElementsByName（ ImageMap<％= ImageMap1.ClientID％>）[ 0 ];
var areas = map.getElementsByTagName（ AREA）;

for （ var i = 0 ; i< areas.length; i ++）{
var area = areas [i];
area.setAttribute（ id， Area + i）;

(function () { var map = document.getElementsByName("ImageMap<%=ImageMap1.ClientID %>")[0]; var areas = map.getElementsByTagName("AREA"); for (var i = 0; i < areas.length; i++) { var area = areas[i]; area.setAttribute("id", "Area" + i);

（' .map'）。maphilight（{strokeColor： ' 808080'，strokeWidth： 0 ， fill：' 000000'，fillColor：' ffffff'，alwaysOn： true }）;

('.map').maphilight({ strokeColor: '808080', strokeWidth: 0, fill: '000000', fillColor: 'ffffff', alwaysOn: true });

这篇关于如何在asp.net c＃中创建ongouseover事件到PolygonHotSpot的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！