tiao2.github.io/main.js at main · tiao2/tiao2.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
document.addEventListener('click', function(event) {
    const clickedElement = event.target;
    const boundingRect = clickedElement.getBoundingClientRect();
    const x = event.clientX - boundingRect.left;
    const y = event.clientY - boundingRect.top;
    if (x >= 0 && x <= boundingRect.width && y >= 0 && y <= boundingRect.height) {void(0);} else {
        document.getElementById("project").style.display='none';
        document.getElementById("map").style.display='none';
        document.getElementById("pb").style.display='none';
    }
});

function pro(){
    document.getElementById("project").style.display='block';
    document.getElementById("map").style.display='none';
    document.getElementById("pb").style.display='none';
}

function mapd(){
   document.getElementById("map").style.display='block';
   document.getElementById("project").style.display='none';
   document.getElementById("pb").style.display='none';
}

function pbl(){
  document.getElementById("pb").style.display='block';
  document.getElementById("project").style.display='none';
  document.getElementById("map").style.display='none';
}

function og(){
  document.getElementById("pb").style.display='none';
  document.getElementById("project").style.display='none';
  document.getElementById("map").style.display='none';
  location.href="https://github.com/tiao2";
}