响应式
parent
2a1b8e2670
commit
bb137bc562
|
@ -26,24 +26,47 @@
|
|||
<body>
|
||||
<!-- 头部导航 -->
|
||||
<header class="header">
|
||||
<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>
|
||||
</ul>
|
||||
|
||||
<div class="int-con search-int">
|
||||
<div class="int">
|
||||
<img src="/imgs/sess.png" alt="">
|
||||
<input placeholder="搜索" type="text" name="" id="">
|
||||
</div>
|
||||
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="header-con">
|
||||
<nav class="w1236 nav">
|
||||
<ul>
|
||||
<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">
|
||||
<a class="int" href="/htmls/search.html">
|
||||
<img src="/imgs/public/ss.png" alt="">
|
||||
<input placeholder="搜索" type="text" name="" id="">
|
||||
</a>
|
||||
<a href=""><img src="/imgs/public/logo.png" alt=""></a>
|
||||
</div>
|
||||
|
||||
<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>
|
||||
|
|
Loading…
Reference in New Issue