我想知道如何才能讓它在我的導航欄上按鈕保持活動狀態(在這種情況下,不同的背景顏色),而用戶仍然在該頁面上,當他們訪問另一個頁面時切換,以便他們知道他們在哪裏每時每刻?如何設置鏈接狀態,直到用戶訪問另一個頁面?
是不是很簡單,我不知道或需要一些JavaScript之類的?
感謝您的閱讀!
我想知道如何才能讓它在我的導航欄上按鈕保持活動狀態(在這種情況下,不同的背景顏色),而用戶仍然在該頁面上,當他們訪問另一個頁面時切換,以便他們知道他們在哪裏每時每刻?如何設置鏈接狀態,直到用戶訪問另一個頁面?
是不是很簡單,我不知道或需要一些JavaScript之類的?
感謝您的閱讀!
你的意思是這種效應?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="https://code.jquery.com/jquery-2.2.3.min.js" charset="utf-8"></script>
<style>
.title{
float: left;
background-color: #51D7FF;
margin-right: 10px;
width: 80px;
text-align: center;
}
.current{
background: #4DFFE4;
}
</style>
<script>
$(document).ready(function(){
var myDate = new Date();
$('.title1').addClass('current');
$('.title').click(function(){
$(this).addClass('current');
$(this).siblings().removeClass('current');
});
});
</script>
</head>
<body>
<div class="title title1">title1</div>
<div class="title title2">title2</div>
<div class="title title3">title3</div>
</body>
</html>
您是使用任何類型的後端或只是靜態HTML頁面? – Aziz
只是靜態的HTML。這是一個新項目,我仍然在學習:) –
你的意思是像「麪包屑」?請參閱:[Bootstrap - Breadcrumbs](http://getbootstrap.com/components/#breadcrumbs) – Roberto