如何更改图像映射区域元素样式

时间:2011-08-07 00:08:35

标签: css image map

我在我的网页和iPad应用程序上使用图像映射。图像地图上的每个区域都是一个可点击的元素来制作声音,我可以使用jQuery轻松完成。但我无法改变样式,如显示边框,或更改填充颜色只是为了表示单击该区域。如果有人这样做,请告诉我;这看起来很简单,但我真的很难过。

2 个答案:

答案 0 :(得分:6)

感谢James Treworgy's awesome ImageMaster Jquery plugin,我得到了它。

$('area').mousedown(function(e) {
   $(this).mapster('set',true);
});

$('area').mouseup(function(e) {
   $(this).mapster('set',false);
});

$('area').bind( "touchstart", function(e){
   $(this).mapster('set',true);
});

$('area').bind( "touchend", function(e){
   $(this).mapster('set',false);
});

答案 1 :(得分:-1)

如果没有看到代码,很难说,但引用地图部分的方式与应用样式的方式相同。

如果您有section1个ID,那么您可能

#section1{
    border://something
    background-color://something else
}

或者,在脚本中,当您引用单击时,还会添加一些样式,例如

$('#section1').click(function(){
    //whatever
    $(this).css({'background-color' : 'red', 'border' : '1px solid black'});
});