-
Notifications
You must be signed in to change notification settings - Fork 1
/
script.js
78 lines (65 loc) · 2.09 KB
/
script.js
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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
const twitter = document.getElementById('twitter');
const github = document.getElementById('github');
const link1 = document.getElementById('link1');
const link2 = document.getElementById('link2');
const link3 = document.getElementById('link3');
const link4 = document.getElementById('link4');
const link5 = document.getElementById('link5');
const link6 = document.getElementById('link6');
const link7 = document.getElementById('link7');
//ON
twitter.addEventListener('mouseenter', () => {
document.getElementById("text").innerHTML="Twitter"
}, false);
//OFF
twitter.addEventListener('mouseleave', () => {
document.getElementById("text").innerHTML=""
}, false);
//ON
github.addEventListener('mouseenter', () => {
document.getElementById("text").innerHTML="Github"
}, false);
//OFF
github.addEventListener('mouseleave', () => {
document.getElementById("text").innerHTML=""
}, false);
//ON
link1.addEventListener('mouseenter', () => {
document.getElementById("text").innerHTML="Nakano's portfolio 2019"
}, false);
//OFF
link1.addEventListener('mouseleave', () => {
document.getElementById("text").innerHTML=""
}, false);
//ON
link2.addEventListener('mouseenter', () => {
document.getElementById("text").innerHTML="PROFILE"
}, false);
//OFF
link2.addEventListener('mouseleave', () => {
document.getElementById("text").innerHTML=""
}, false);
//ON
link3.addEventListener('mouseenter', () => {
document.getElementById("text").innerHTML="WORKS"
}, false);
//OFF
link3.addEventListener('mouseleave', () => {
document.getElementById("text").innerHTML=""
}, false);
//ON
link4.addEventListener('mouseenter', () => {
document.getElementById("text").innerHTML="SKILL"
}, false);
//OFF
link4.addEventListener('mouseleave', () => {
document.getElementById("text").innerHTML=""
}, false);
//ON
link5.addEventListener('mouseenter', () => {
document.getElementById("text").innerHTML="HOBBY"
}, false);
//OFF
link5.addEventListener('mouseleave', () => {
document.getElementById("text").innerHTML=""
}, false);