在 ASP.NET 中加载页面时更改 <area> 的背景颜色 [重复]
Posted
技术标签:
【中文标题】在 ASP.NET 中加载页面时更改 <area> 的背景颜色 [重复]【英文标题】:change the background color for <area> while loading the page in ASP.NET [duplicate] 【发布时间】:2015-11-26 04:41:51 【问题描述】:我有<map>
,其中包含不同地区的图像。我需要在加载页面时更改不同热点的背景颜色。背景颜色信息存储在 SQL Server 表中。在加载页面时,我检索了颜色并将其存储在列表中。使用 javascript,我需要更改特定 <area>
元素的背景颜色。
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Indicator_Color_Map.WebForm1" %>
<!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>
<%--<style>
area
background-color:Red;
</style>--%>
<script type="text/javascript">
function setColor()
document.getElementById("area1").style.background-color = "green";
</script>
</head>
<body onload="setColor()">
<form id="form1" runat="server" >
<div>
<img src="jammu.jpg" usemap="#planetmap" style="height: 434px; width: 369px">
<map id="map1" name="planetmap">
<area shape="rect" coords="0,0,82,126" href="" id="area1" >
<area shape="circle" coords="90,58,3" href="" id="2">
<area shape="circle" coords="124,58,8" href="" id="3">
</map>
</div>
</form>
</body>
</html>
我尝试使用 ImageMap 控件,但无法将样式应用于不同的坐标。
任何其他第三方控件会有帮助吗?
【问题讨论】:
试试这个backgroundColor
而不是background-color
【参考方案1】:
使用style.backgroundColor
代替style.background-color
document.getElementById("area1").style.backgroundColor = "green";
【讨论】:
我确实使用了 Same 但它不起作用。它对你有用吗?以上是关于在 ASP.NET 中加载页面时更改 <area> 的背景颜色 [重复]的主要内容,如果未能解决你的问题,请参考以下文章
在 ASP.NET Core PartialView 中加载脚本后渲染脚本部分
防止在 Asp.Net Core ViewComponents 中加载多个 JavaScript 脚本