<html>
<head>
<style>
.nav-link.active{
color: white;
background: #6259CA;
font-weight: 800;
}
</style>
</head>
<body>
<div>
<a class="nav-link" href="index2.html">project1</a>
<a class="nav-link" href="index_wc.html">project2</a>
</div>
<script>
$(document).ready(function() {
var current = location.pathname.split("/").slice(-1)[0].replace(/^\/|\/$/g, '');
$('.nav-link').each(function() {
var $this = $(this);
addActiveClass($this);
})
function addActiveClass(element) {
if (element.attr('href').indexOf(current) !== -1) {
element.addClass('active');
}//if end
}//addActiveClass end
});//ready end
</script>
</body>
</html>
Backend 꿈나무