响应式

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> <body>
<!-- 头部导航 --> <!-- 头部导航 -->
<header class="header"> <header class="header">
<nav class="w1236 nav"> <div class="header-con">
<ul> <nav class="w1236 nav">
<li class="li on"><a href="">首页</a></li> <ul>
<li class="li"><a href="">留学</a></li> <li class="li on"><a href="/">首页</a></li>
<li class="li"><a href="">媒体</a></li> <li class="li"><a href="/htmls/studyAbroad.html">留学</a></li>
<li class="li"><a href="">SID</a></li> <li class="li"><a href="/htmls/media.html">媒体</a></li>
</ul> <li class="li"><a href="/htmls/SID.html">SID</a></li>
</ul>
<div class="int-con search-int">
<div class="int"> <div class="int-con">
<img src="/imgs/sess.png" alt=""> <a class="int" href="/htmls/search.html">
<input placeholder="搜索" type="text" name="" id=""> <img src="/imgs/public/ss.png" alt="">
</div> <input placeholder="搜索" type="text" name="" id="">
<a href=""><img src="/imgs/public/logo.png" alt=""></a> </a>
</div> <a href=""><img src="/imgs/public/logo.png" alt=""></a>
</nav> </div>
</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 w1236">
<div class="search-tit"> <div class="search-tit">
<p class="title-name">搜索</p> <p class="title-name">搜索</p>