jquery如何动态着色区域

发布于 2024-09-02 07:01:07 字数 243 浏览 4 评论 0原文

我有这样的图像映射

<map name="imgmap">
<area shape="poly" coords="63,10,64,38,89,37,91,10" href="#" id="x1"></map>

，如何使用 jquery 动态为该区域着色

("#x1").color('red')

？

原文

I have image map like this

<map name="imgmap">
<area shape="poly" coords="63,10,64,38,89,37,91,10" href="#" id="x1"></map>

and how can I color that area dynamically with jquery like

("#x1").color('red')

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

紫瑟鸿黎 2024-09-09 07:01:07

你可以尝试使用jquery的maphilight插件。它可以实现您想要实现的目标 - http://davidlynch .org/blog/2008/03/maphilight-image-map-mouseover-highlighting/

回复收藏 0 原文

一个人的旅程 2024-09-09 07:01:07

最初我认为这可能有效：

$("#x1").css("background-color", 'red')

但是，经过进一步调查，很明显没有简单的方法可以做到你想要的。
也许，您的目标可以通过将特殊图像绝对定位在主图像下并将它们弹出到 $("#x1").hover() 上来实现。

Originally I thought that this might work:

$("#x1").css("background-color", 'red')

However, upon further investigation it become quite clear that there is no easy way to do what you want.
Perhaps, your aim could be achieved by absolute positioning of the special images under your main image and poping them up on $("#x1").hover().

回复收藏 0 原文

我是有多爱你 2024-09-09 07:01:07

使用此代码...hopw它将帮助您...

<script>
 $(function() 
 {
      $('.map').maphilight({
      fillColor: '008800'
 });
 var data = $('#id').data('maphilight') || {};

 data.alwaysOn = !data.alwaysOn;
 $('#id').data('maphilight', data).trigger('alwaysOn.maphilight');
 });

use this code .... hopw it will help you...

<script>
 $(function() 
 {
      $('.map').maphilight({
      fillColor: '008800'
 });
 var data = $('#id').data('maphilight') || {};

 data.alwaysOn = !data.alwaysOn;
 $('#id').data('maphilight', data).trigger('alwaysOn.maphilight');
 });

回复收藏 0 原文

~没有更多了~