80 lines
2.8 KiB
HTML
80 lines
2.8 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|||
|
|
<title>关于我们</title>
|
|||
|
|
<link rel="stylesheet" type="text/css" href="css.css">
|
|||
|
|
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body>
|
|||
|
|
<div class="wrap">
|
|||
|
|
<div class="top">
|
|||
|
|
<div class="nav">
|
|||
|
|
<span><a href="#">首页</a></span>
|
|||
|
|
<span><a href="#">关于我们</a></span>
|
|||
|
|
<span><a href="#">课程体系</a><img src="./images/图层 9.png" alt=""></span>
|
|||
|
|
<span><a href="#">毕业生风采</a></span>
|
|||
|
|
<span><a href="#">新闻动态</a></span>
|
|||
|
|
<span><a href="#" class="a1">联系我们</a></span>
|
|||
|
|
<div class="henggang"> </div>
|
|||
|
|
<div class="dianji">
|
|||
|
|
java全栈 </br>
|
|||
|
|
HTML&JS+前端 </br>
|
|||
|
|
软件测试 </br>
|
|||
|
|
大数据运维</br>
|
|||
|
|
UI/UE设计
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="content">
|
|||
|
|
<img src="./images/背景.jpg" alt="">
|
|||
|
|
<div class="lxwm">联系我们</div>
|
|||
|
|
<div class="bai">
|
|||
|
|
<div class="bb1">
|
|||
|
|
<div class="shuxian"></div>
|
|||
|
|
<div class="lxwm2">联系我们</div>
|
|||
|
|
<div class="zi">
|
|||
|
|
码小白训练营 <br>
|
|||
|
|
地址：山东省济南市高新区舜泰广场 9号楼北楼 706<br>
|
|||
|
|
电话：15665810271 座机：0531-88723197 <br>
|
|||
|
|
地图：
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tukuang">
|
|||
|
|
<img src="./images/地图.png" alt="" class="tu">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="footer">
|
|||
|
|
<div class="foot1">
|
|||
|
|
<div>关于我们</div>
|
|||
|
|
<div>学习资源</div>
|
|||
|
|
<div>常见问题</div>
|
|||
|
|
<div>快速导航</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="foot2">
|
|||
|
|
<div>ICP备案编号：京ICP备18051111号-2 版权所有：码小白训练营</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<script src="jquery-3.6.0.min.js"></script>
|
|||
|
|
<script>
|
|||
|
|
$(document).ready(function () {
|
|||
|
|
$(".nav>span>a:eq(2)").click(function () {
|
|||
|
|
// console.log($(this).children("div"))
|
|||
|
|
$(".dianji").slideDown(1000)
|
|||
|
|
})
|
|||
|
|
$(".nav>span>a:eq(2)").mouseleave(function () {
|
|||
|
|
// console.log($(this).children("div"))
|
|||
|
|
$(".dianji").stop().slideUp(1000)
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
|
|||
|
|
</html>
|