使html图像区域'coord'闪烁或发光...

时间:2009-06-01 02:22:18

标签: javascript jquery html effects

我试图让html图像<area coord tag对观众更加清晰。只要每个坐标对观众都清楚,任何javascript样本都能使这些坐标闪烁效果或相似吗?

p / s:粘贴问题&lt;区域。这就是为什么你没有看到我的消息的全部内容。重新发布

2 个答案:

答案 0 :(得分:1)

我没有对此进行过测试,因为我现在没有时间,但你应该能够使用CSS突出它,就像这样:

area {
    filter:Glow(color=#00FF00,strength=4);
    text-decoration: blink;
}

答案 1 :(得分:1)

两次击落:一次,覆盖另一张图像。叠加图像将是透明的,除了要突出显示的区域,并且不透明度设置得足够低,仍然可以看到它背后的内容。第二,使用真实图像作为上述“叠加”图像的背景图像(叠加图像必须具有半透明而不是使用css的覆盖区域)。

e.g。 (第一版)

<span class='image_container'>
    <img id='base_image' src='base.png' >
    <img id='overlay_image' src='overlayimage.png' usemap='#yourmaphere'>
    <map name='yourmaphere'>
    ...
    </map>
</span>

.image_container {
    position:relative;
}

#overlay_image {
    position:absolute;
    top:0;
    left:0;
    opacity:0.5;
    filter: alpha(opacity = 50);
    /* text-decoration: blink; */ /*optional*/
}

e.g。 (第二版)

<img id='base_image' src='overlayimage.png' usemap='#yourmaphere'>
<map name='yourmaphere'>
...
</map>

#base_image {
    background: transparent url(base.png) no-repeat scroll top left;
}
相关问题