百事可樂(測試) - 最新消息
#Earth path {
fill: #006633;
stroke: black;
transform: translate(0%);
}
.Map-table {
display: flex;
}
.testsvg {
width: 100%;
height: 900px;
}
@media(max-width: 991px) {
.Map-table {
display: inline;
}
.testsvg {
width: 100%;
height: 500px;
}
#Earth {
transform: translate(0%) scale(0.5);
}
}
var a = 'translate(10%)';
if ($(window).width() < 991) {
var a = 'translate(0%) scale(0.5)';
}
d3.selectAll("path.Map").on("click", function () {
d3.selectAll('path.Map').style("fill", "#006633").style("stroke", "black").style("transform", "translate(0%,0%)")
d3.select(this).raise()
d3.select(this).transition().duration(500).style('fill', '#999900').style("transform", "translate(-0.5%)")
d3.select('#Earth').style("transform", a)
d3.select('#Content-table').transition().duration(1000).style("width", "30%").style("visibility", "visible").style("display", "flex")
});
function Region(i) {
var name;
switch (i) {
case 'TW-NWT':
name = '新北市'
break;
case 'TW-TPE':
name = '台北市'
break;
case 'TW-KEE':
name = '基隆市'
break;
case 'TW-TAO':
name = '桃園市'
break;
case 'TW-ILA':
name = '宜蘭縣'
break;
case 'TW-HSQ':
name = '新竹縣'
break;
case 'TW-HSZ':
name = '新竹市'
break;
case 'TW-HUA':
name = '花蓮縣'
break;
case 'TW-PEN':
name = '澎湖縣'
break;
case 'TW-LIE':
name = '連江縣'
break;
case 'TW-KIN':
name = '金門縣'
break;
case 'TW-MIA':
name = '苗栗縣'
break;
case 'TW-TXG':
name = '臺中市'
break;
case 'TW-CHA':
name = '彰化縣'
break;
case 'TW-YUN':
name = '雲林縣'
break;
case 'TW-CYI':
name = '嘉義市'
break;
case 'TW-CYQ':
name = '嘉義縣'
break;
case 'TW-TNN':
name = '臺南市'
break;
case 'TW-PIF':
name = '屏東縣'
break;
case 'TW-KHH':
name = '高雄市'
break;
case 'TW-TTT':
name = '臺東縣'
break;
case 'TW-NAN':
name = '南投縣'
break;
}
document.getElementById("Content").innerHTML = "地區：" + name;
document.getElementById("Content").innerHTML += "
大學："; document.getElementById("Content").innerHTML += "
樹狀況："; }
大學："; document.getElementById("Content").innerHTML += "
樹狀況："; }