响应式

master^2
tangyi 2021-12-06 09:12:11 +08:00
parent 2a1b8e2670
commit bb137bc562
1 changed files with 41 additions and 18 deletions

View File

@ -26,24 +26,47 @@
<body>
<!-- 头部导航 -->
<header class="header">
<div class="header-con">
<nav class="w1236 nav">
<ul>
<li class="li on"><a href="">首页</a></li>
<li class="li"><a href="">留学</a></li>
<li class="li"><a href="">媒体</a></li>
<li class="li"><a href="">SID</a></li>
<li class="li on"><a href="/">首页</a></li>
<li class="li"><a href="/htmls/studyAbroad.html">留学</a></li>
<li class="li"><a href="/htmls/media.html">媒体</a></li>
<li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con search-int">
<div class="int">
<img src="/imgs/sess.png" alt="">
<div class="int-con">
<a class="int" href="/htmls/search.html">
<img src="/imgs/public/ss.png" alt="">
<input placeholder="搜索" type="text" name="" id="">
</div>
</a>
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
</div>
</nav>
</header>
<div class="navClick">
<p></p>
<p></p>
<p></p>
</div>
</nav>
</div>
</header>
<script>
let navClickT=true
$(".navClick").on("click",()=>{
if (navClickT) {
$(".header .nav ul").css("display","flex")
$(".navClick").addClass("tr90")
navClickT=!navClickT
}else{
$(".header .nav ul").css("display","none")
$(".navClick").removeClass("tr90")
navClickT=!navClickT
}
})
</script>
<div class="search w1236">
<div class="search-tit">
<p class="title-name">搜索</p>