30 lines
732 B
HTML
30 lines
732 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>tabs</title>
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<div class="zhanga">
|
|
|
|
</div>
|
|
|
|
</body>
|
|
<script>
|
|
var TabsTitle = document.querySelectorAll(".tabs_title li");
|
|
var TabsContent = document.querySelectorAll(".tabs_content li");
|
|
TabsTitle.forEach((val,index) => {
|
|
val.onclick = () => {
|
|
TabsTitle.forEach( (v,i) => {
|
|
v.className = ""
|
|
TabsContent[i].className = ""
|
|
})
|
|
val.className = "tabs_title_active"
|
|
TabsContent[index].className = "tabs_content_active"
|
|
}
|
|
})
|
|
</script>
|
|
</html> |