热区area标签如何加高亮显示？

zhongzuo1981 2010-09-08 05:40:50

页面里有一张大图设置了若干个热区，如何实现鼠标经过时高亮显示的效果？貌似没法给area加样式。
求高手帮忙，谢谢！

...全文

712 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

zhongzuo1981 2010-09-10

打赏
举报

问题解决了，强大的组件。
http://www.netzgesta.de/mapper/

ajccom 2010-09-09

打赏
举报

[Quote=引用 5 楼 zhongzuo1981 的回复:]

div搞不了多边形吧
[/Quote]
多边形...
那楼主针对几个多变形热区做几个对应的高亮图,还是用JS替换图片 = =就是如果多的话会很烦

可以考虑用FLASH做哈哈

路伊阑珊 2010-09-09

打赏
举报

[Quote=引用 3 楼 ajccom 的回复:]
利用position方法利用position的top\left等样式使空div符合你设置的热区区域，然后做DIV的onmouseover和onmouseout设置，替换DIV背景，赋予DIV的onclick链接值
这里背景可以用background-image+position定位，前提是你要有张对应的高亮图
[/Quote]
支持

ajccom 2010-09-09

打赏
举报

利用position方法利用position的top\left等样式使空div符合你设置的热区区域，然后做DIV的onmouseover和onmouseout设置，替换DIV背景，赋予DIV的onclick链接值
这里背景可以用background-image+position定位，前提是你要有张对应的高亮图

碧海情天-赵亮 2010-09-09

打赏
举报

用CSS SPRITES，有专门实现这个效果的，详细的上网搜下．
大概原理就是把你大图再作个整体高亮的大图，然后两个都切成小图．在每个小图的鼠标进入和移出事件中变换小图．

zhongzuo1981 2010-09-09

打赏
举报

div搞不了多边形吧

ajccom 2010-09-08

打赏
举报

你设计下图片啊

dalmeeme 2010-09-08

打赏
举报

直接css是不行的，需用js设置。
设置热区的id，然后标签里加上onmouseover="gaoliang('id名')"
js里写上：
function gaoliang(XelementID)
{
var ele=document.getElementById(XelementID);
ele.style.background="...";
}

...表示颜色或图片路径，用url(image1.gif)，一般考虑两种方法：一种是用两张图片（一张普通，一张高亮效果）替换；另一种只用一张透明图片，设置背景色。