2019-11-15 16:51:24 +00:00
|
|
|
let portfolio = document.getElementsByClassName('portfolio');
|
|
|
|
let art = document.getElementsByClassName('art');
|
|
|
|
let lore = document.getElementsByClassName('lore');
|
|
|
|
let box = document.getElementById('box');
|
|
|
|
|
|
|
|
let links = [ portfolio[0], art[0], lore[0] ];
|
|
|
|
|
|
|
|
links.forEach((link) => {
|
|
|
|
link.addEventListener('mouseover', (e) => {
|
2019-11-15 17:06:04 +00:00
|
|
|
//console.log('hovered');
|
2019-11-15 16:51:24 +00:00
|
|
|
box.classList.add('colorBorder');
|
|
|
|
});
|
|
|
|
link.addEventListener('mouseleave', (e) => {
|
2019-11-15 17:06:04 +00:00
|
|
|
//console.log('left');
|
2019-11-15 16:51:24 +00:00
|
|
|
box.classList.remove('colorBorder');
|
|
|
|
});
|
|
|
|
});
|