249 lines
11 KiB
HTML
249 lines
11 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="#">课程体系 <img src="images/图层 9.png" style="margin-bottom:3px ;"> <div class="dianji">
|
|||
|
|
java全栈 </br>
|
|||
|
|
HTML&JS+前端 </br>
|
|||
|
|
软件测试 </br>
|
|||
|
|
大数据运维</br>
|
|||
|
|
UI/UE设计
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</a></span>
|
|||
|
|
<span><a href="#" class="a1">毕业生风采</a></span>
|
|||
|
|
<span><a href="#">新闻动态</a></span>
|
|||
|
|
<span><a href="#">联系我们</a></span>
|
|||
|
|
<div class="henggang1"> </div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="content1">
|
|||
|
|
<img src="./images/蒙版_1.png" alt="">
|
|||
|
|
<div class="gywm">毕业生风采</div>
|
|||
|
|
<div class="tpj">
|
|||
|
|
<div class="tpj1">
|
|||
|
|
<div class="tp">
|
|||
|
|
<div class="zt1">
|
|||
|
|
<div>柴瑞强 </div>
|
|||
|
|
<div>中央国债登记结算</div>
|
|||
|
|
<div style="color:rgb(250, 180, 180) ;">15000</div>
|
|||
|
|
</div>
|
|||
|
|
<div><img src="./images/tp.png" class="tp01"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tp">
|
|||
|
|
<div class="zt1">
|
|||
|
|
<div>程春峰</div>
|
|||
|
|
<div>山东公安部门</div>
|
|||
|
|
<div style="color:rgb(250, 180, 180) ;">13000 </div>
|
|||
|
|
</div>
|
|||
|
|
<div><img src="./images/图层 31.png" class="tp01"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tp">
|
|||
|
|
<div class="zt1">
|
|||
|
|
<div>王超 14000 </div>
|
|||
|
|
<div>中国兵器集团</div>
|
|||
|
|
<div style="color:rgb(250, 180, 180) ;">14000</div>
|
|||
|
|
</div>
|
|||
|
|
<div><img src="./images/图层 32.png" class="tp01"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tp">
|
|||
|
|
<div class="zt1">
|
|||
|
|
<div>孙莉 </div>
|
|||
|
|
<div>太平洋保险</div>
|
|||
|
|
<div style="color:rgb(250, 180, 180) ;">12000（包吃住）</div>
|
|||
|
|
</div>
|
|||
|
|
<div><img src="./images/图层 33.png" class="tp01"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tpj1">
|
|||
|
|
<div class="tp">
|
|||
|
|
<div class="zt1">
|
|||
|
|
<div>裴虹捷 </div>
|
|||
|
|
<div>中国移动</div>
|
|||
|
|
<div style="color:rgb(250, 180, 180) ;">15000 </div>
|
|||
|
|
</div>
|
|||
|
|
<div><img src="./images/图层 35.png" class="tp01"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tp">
|
|||
|
|
<div class="zt1">
|
|||
|
|
<div>徐威 </div>
|
|||
|
|
<div>吉林省公安厅</div>
|
|||
|
|
<div style="color:rgb(250, 180, 180) ;">11000</div>
|
|||
|
|
</div>
|
|||
|
|
<div><img src="./images/图层 36.png" class="tp01"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tp">
|
|||
|
|
<div class="zt1">
|
|||
|
|
<div>杨波 </div>
|
|||
|
|
<div>北京汽车集团</div>
|
|||
|
|
<div style="color:rgb(250, 180, 180) ;">12000</div>
|
|||
|
|
</div>
|
|||
|
|
<div><img src="./images/图层 37.png" class="tp01"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tp">
|
|||
|
|
<div class="zt1">
|
|||
|
|
<div>张硕 </div>
|
|||
|
|
<div> 中科软件</div>
|
|||
|
|
<div style="color:rgb(250, 180, 180) ;">11500 </div>
|
|||
|
|
</div>
|
|||
|
|
<div><img src="./images/图层 38.png" class="tp01"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tpj1">
|
|||
|
|
<div class="tp">
|
|||
|
|
<div class="zt1">
|
|||
|
|
<div>曹玉硕 </div>
|
|||
|
|
<div>浪潮集团</div>
|
|||
|
|
<div style="color:rgb(250, 180, 180) ;">15000</div>
|
|||
|
|
</div>
|
|||
|
|
<div><img src="./images/图层 45.png" class="tp01"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tp">
|
|||
|
|
<div class="zt1">
|
|||
|
|
<div>程春峰 </div>
|
|||
|
|
<div>技术实验室</div>
|
|||
|
|
<div style="color:rgb(250, 180, 180) ;">12000</div>
|
|||
|
|
</div>
|
|||
|
|
<div><img src="./images/图层 46.png" class="tp01"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tp">
|
|||
|
|
<div class="zt1">
|
|||
|
|
<div>纪雨萌 </div>
|
|||
|
|
<div>浪潮集团</div>
|
|||
|
|
<div style="color:rgb(250, 180, 180) ;">14000</div>
|
|||
|
|
</div>
|
|||
|
|
<div><img src="./images/图层 47.png" class="tp01"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tp">
|
|||
|
|
<div class="zt1">
|
|||
|
|
<div>李建 </div>
|
|||
|
|
<div>浪潮集团</div>
|
|||
|
|
<div style="color:rgb(250, 180, 180) ;"> 12000</div>
|
|||
|
|
</div>
|
|||
|
|
<div><img src="./images/图层 48.png" class="tp01"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tpj1">
|
|||
|
|
<div class="tp">
|
|||
|
|
<div class="zt1">
|
|||
|
|
<div>范志敏 </div>
|
|||
|
|
<div>浪潮集团 </div>
|
|||
|
|
<div style="color:rgb(250, 180, 180) ;">13000</div>
|
|||
|
|
</div>
|
|||
|
|
<div><img src="./images/图层 50.png" class="tp01"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tp">
|
|||
|
|
<div class="zt1">
|
|||
|
|
<div>蒋悦 </div>
|
|||
|
|
<div>山东省教科院 </div>
|
|||
|
|
<div style="color:rgb(250, 180, 180) ;">15000</div>
|
|||
|
|
</div>
|
|||
|
|
<div><img src="./images/图层 51.png" class="tp01"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tp">
|
|||
|
|
<div class="zt1">
|
|||
|
|
<div>李人和
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div>浪潮集团 </div>
|
|||
|
|
<div style="color:rgb(250, 180, 180) ;">13000</div>
|
|||
|
|
</div>
|
|||
|
|
<div><img src="./images/图层 52.png" class="tp01"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tp">
|
|||
|
|
<div class="zt1">
|
|||
|
|
<div>张志 </div>
|
|||
|
|
<div>淄博监管局</div>
|
|||
|
|
<div style="color:rgb(250, 180, 180) ;">12000</div>
|
|||
|
|
</div>
|
|||
|
|
<div><img src="./images/图层 53.png" class="tp01"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tpj1">
|
|||
|
|
<div class="tp">
|
|||
|
|
<div class="zt1">
|
|||
|
|
<div>赵程程 </div>
|
|||
|
|
<div>济南监管局 </div>
|
|||
|
|
<div style="color:rgb(250, 180, 180) ;">14000</div>
|
|||
|
|
</div>
|
|||
|
|
<div><img src="./images/图层 54.png" class="tp01"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tp">
|
|||
|
|
<div class="zt1">
|
|||
|
|
<div>熊舒 </div>
|
|||
|
|
<div>浪潮集团 </div>
|
|||
|
|
<div style="color:rgb(250, 180, 180) ;">10000</div>
|
|||
|
|
</div>
|
|||
|
|
<div><img src="./images/图层 49.png" class="tp01"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tp">
|
|||
|
|
<div class="zt1">
|
|||
|
|
<div>刘亦婷
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div>中国兵器集团 </div>
|
|||
|
|
<div style="color:rgb(250, 180, 180) ;">12500 </div>
|
|||
|
|
</div>
|
|||
|
|
<div><img src="./images/图层 39.png" class="tp01"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tp">
|
|||
|
|
<div class="zt1">
|
|||
|
|
<div>王诗华 </div>
|
|||
|
|
<div>浪潮集团</div>
|
|||
|
|
<div style="color:rgb(250, 180, 180) ;">10000 </div>
|
|||
|
|
</div>
|
|||
|
|
<div><img src="./images/图层 34.png" class="tp01"></div>
|
|||
|
|
</div>
|
|||
|
|
</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)").mouseenter(function(){
|
|||
|
|
|
|||
|
|
// console.log($(this).children("div"))
|
|||
|
|
$(".dianji").stop().slideDown()
|
|||
|
|
}).mouseleave(function(){
|
|||
|
|
// console.log($(this).children("div"))
|
|||
|
|
$(".dianji").stop().slideUp("show")
|
|||
|
|
})
|
|||
|
|
$(".dianji").mouseleave(function(){
|
|||
|
|
$(".dianji").stop().slideUp("show")
|
|||
|
|
})
|
|||
|
|
// $(".dianji").mouseleave(function(){
|
|||
|
|
// console.log(1)
|
|||
|
|
// $(".dianji").show(1)
|
|||
|
|
// })
|
|||
|
|
// $(".dianji").mouseleave(function(){
|
|||
|
|
// $(".dianji").hide()
|
|||
|
|
// })
|
|||
|
|
})
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|