ismism/ismism.ts/ui/index/index.html
2023-03-18 08:25:07 +08:00

60 lines
1.6 KiB
HTML

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>主义主义</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="refresh" content="3600">
<link rel="icon" type="x-icon" href="https://img.zyku.club/2023/01/03/63b3eb7b90bf4.png">
<link rel="apple-touch-icon" href="https://img.zyku.club/2023/01/03/63b3eb7b90bf4.png">
</head>
<style></style>
<template></template>
<body>
<nav class="main">
<menu>
<li><a href="">主义主义</a></li>
<li><a onclick="nav(this, false)" href="#agd"><em>活动</em>公示</a></li>
<li><a onclick="nav(this)" href="#soc">同城<em>社团</em></a></li>
<li><a onclick="nav(this)" href="#wsl">法律<em>援助</em></a></li>
<li><a onclick="nav(this)" href="#lit">理论<em>学习</em></a></li>
<li><a id="pas_a" href="#pas">用户登录</a></li>
</menu>
</nav>
<hr>
<nav class="adm none">
<menu id="adm1"></menu>
</nav>
<hr>
<nav class="adm none">
<menu id="adm2"></menu>
</nav>
<hr>
<div id="main"></div>
</body>
<script>
function nav(
t, scroll = true
) {
for (const e of t.parentElement.parentElement.children) e.classList.remove("active")
t.parentElement.classList.add("active")
// if (scroll) t.scrollIntoView({ behavior: "smooth" })
}
for (const n of document.getElementsByTagName("nav")) n.addEventListener("wheel", e => {
if (e.deltaX != 0) return
e.preventDefault()
const s = n.querySelector("li").scrollWidth
if (e.deltaY > 0) n.scrollLeft -= s
else if (e.deltaY < 0) n.scrollLeft += s
})
</script>
<script></script>
</html>