raphael + mapSvg fadeout
raphael + mapSvg fadeout
提问于 2013-03-09 20:42:19
我需要一些帮助，我在代码中使用了mapSVG，它创建了我国的地图，每个地区都有自己的路径，有自己的id，所以这就是我想要的：
当我点击一个区域时，我需要它和整个国家的地图一起淡出(1000毫秒)，然后我需要延迟500毫秒，之后只有我点击的区域逐渐消失(1000毫秒)。
我需要这样做才能对每个地区都有效。
<div id="italy" style="margin-left:135px;margin-right:135px;">
<!-- Here comes map code-->
<script type="text/javascript">
$('#italy').mapSvg({
source: 'maps/italy.svg',
colors: {
base: "#E1F1F1",
stroke: "#646464",
hover: "#548eac",
selected: "#548eac",
disabled: "#ffffff",
},
tooltipsMode: 'custom',
popover : {width: 300, height: 300},
cursor: 'pointer',
zoom: false,
pan: false,
responsive: true,
width: 900,
height: 600,
responsive: true,
zoomButtons: {'show': false,
},
regions : {
'Sicilia' : {tooltip: 'This is Sicilia'},
},
onClick : function(e,m){
this.animate({opacity: 0}, 1000 );
}
});
</script>
</div>回答 1
Stack Overflow用户
回答已采纳
发布于 2013-03-12 12:38:23
我是mapSVG的开发人员:)试试这个：
onClick: function (e, m) {
var rmap = m.getData().RMap;
var region = this;
var fadeBack = function () {region.animate({opacity: 1}, 500);};
rmap.animate({opacity: 0}, 500, fadeBack);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15315711
复制相关文章
相似问题
腾讯云开发者
