代码拉取完成，页面将自动刷新
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<title>招聘首页</title>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/index.css" />
</head>
<body>
<!--头部开始-->
<div class="header">
<!--顶部信息栏-->
<div class="msg-lists">
<!--通用顶栏开始 logo和搜索框-->
<div class="col_header">
<div class="logo">
<a href="#" title="">
<img src="" alt="" />
</a>
</div>
<div class="Ad">
<a href=""><img src="" alt="" /></a>
</div>
<div class="login">
<a href="signIn.html" id="LoginIn"><strong>商家登录</strong></a> / <a href="register.html" id="signIn">商家注册</a>
</div>
</div>
<!--通用顶栏开始logo和搜索框结束-->
<!--功能模块导航栏开始-->
<div class="nav">
<div class="inner">
<ul class="nav_list">
<li class="current">
<a href="#" title="">首页</a>
</li>
<li>
<a href="#">全职</a>
</li>
<li>
<a href="#">兼职</a>
</li>
</ul>
</div>
</div>
<!--功能模块导航栏结束-->
</div>
</div>
<!--头部结束-->
<!--身体部分开始-->
<div class="wrapper mb_20">
<div class="wrapperinner">
<!--城市选择开始-->
<div class="wrapperCon mb_20">
<div class="nowcity">
<span class="map">当前城市：<span class="infoPro"></span><span class="infoCity"></span>
</div>
<div class="titlelink mb_20">
<div class="link">热门城市：
<a href="">北京</a>
<a href="">广州</a>
<a href="">上海</a>
<a href="">深圳</a>
<a href="">成都</a>
<a href="">杭州</a>
<a href="">南京</a>
<a href="">天津 </a>
<a href="">武汉 </a>
<a href="">合肥</a>
<a href="">芜湖</a>
<a href=""> 蚌埠</a>
<a href=""> 阜阳</a>
<a href=""> 淮南</a>
<a href="">安庆</a>
<a href=""> 宿州</a>
<a href=""> 六安</a>
<a href=""> 淮北</a>
</div>
<a href="javascript:;" class="more" id="spicel">切换城市></a>
</div>
<div class="CityBox">
<div class="border">
<div class="clearfix">
<div class="name">切换城市</div>
<div class="provice">
</div>
</div>
<div class="city">
<div class="contentbox"></div>
</div>
<!--隐藏
<p class="out">您选择的城市是：<span class="infoPro"></span><span class="infoCity"></span></p>
-->
</div>
</div>
</div>
<!--城市选择结束-->
<!--顶级公司开始-->
<div class="superCompany">
<h3>顶级公司</h3>
<div class="recommand">
<ul class="clearfix">
<li><a href=""><img /></a></li>
<li><a href=""><img /></a></li>
<li><a href=""><img /></a></li>
<li><a href=""><img /></a></li>
<li><a href=""><img /></a></li>
</ul>
</div>
</div>
<!--顶级公司结束-->
<!--招聘栏目开始-->
<div class="employ">
<div class="clearfix">
<!--全职招聘开始-->
<div class="FullTime employbox">
<div class="titlebox">
<h3>全职招聘</h3>
<a href="" class="more">更多></a>
</div>
<div class="employContent">
<ul>
<li>
<div class="content clearfix">
<div class="imgbox fl"><a href=""><img src="" /></a></div>
<div class="textbox">
<h3><a href="">这里是职位</a></h3>
<a class="infomessage">这里是工资</a>
<p class="conpany">这里是公司名称</p>
</div>
<div class="btnBox">
<a href="" class="btn">联系方式</a>
<p class="time">2018年10月1日23:11:05</p>
</div>
</div>
</li>
</ul>
</div>
</div>
<!--全职招聘结束-->
<!--兼职招聘-->
<div class="PartTime employbox">
<div class="titlebox">
<h3>兼职招聘</h3>
<a href="" class="more">更多></a>
</div>
<div class="employContent">
<ul>
<li>
<div class="content clearfix">
<div class="imgbox fl"><a href=""><img src="" /></a></div>
<div class="textbox">
<h3><a href="">这里是职位</a></h3>
<a class="infomessage">这里是工资</a>
<p class="conpany">这里是公司名称</p>
</div>
<div class="btnBox">
<a href="" class="btn">联系方式</a>
<p class="time">2018年10月1日23:11:05</p>
</div>
</div>
</li>
</ul>
</div>
</div>
<!--兼职招聘结束-->
</div>
</div>
<!--招聘栏目结束-->
<!--最新发布开始-->
<div class="warpperUpdate wrapper ">
<div class="titlelink mb_20">
<div class="link">
最新发布
</div>
<span class="more">更多></span>
</div>
<div class="updateCon">
<ul class="clearfix">
<li><a href="#">绝地求生大逃杀绝地求生大逃杀逃杀</a></li>
<li><a href="#">绝地求生大逃杀绝地求生大逃杀逃杀</a></li>
<li><a href="#">绝地求生大逃杀绝地求生大逃杀逃杀</a></li>
<li><a href="#">绝地求生大逃杀绝地求生大逃杀逃杀</a></li>
<li><a href="#">绝地求生大逃杀绝地求生大逃杀逃杀</a></li>
<li><a href="#">绝地求生大逃杀绝地求生大逃杀逃杀</a></li>
<li><a href="#">绝地求生大逃杀绝地求生大逃杀逃杀</a></li>
<li><a href="#">绝地求生大逃杀绝地求生大逃杀逃杀</a></li>
<li><a href="#">绝地求生大逃杀绝地求生大逃杀逃杀</a></li>
<li><a href="#">绝地求生大逃杀绝地求生大逃杀逃杀</a></li>
<li><a href="#">绝地求生大逃杀绝地求生大逃杀逃杀</a></li>
<li><a href="#">绝地求生大逃杀绝地求生大逃杀逃杀</a></li>
</ul>
</div>
</div>
<!--最新发布结束-->
<!--一堆图标页开始-->
</div>
</div>
<!--身体部分结束-->
<!--footer部分开始-->
<div class="footer">
<div class="friendly clearfix">
<ul>
<li class="friendlyBox">
<h2 class="title">联系方式</h2>
<ul class="info">
<li><a href="#">版权声明</a></li>
</ul>
</li>
</ul>
</div>
</div>
<!--footer部分结束-->
<script type="text/javascript" src="js/jquery-3.3.1.min.js" ></script>
<script type="text/javascript" src="js/data.js" ></script>
<script>
$(function () {
$(".nav_list li").click(function () {
console.log("chufa");
$(this).addClass("current").siblings().removeClass("current");
});
$('#spicel').click(function(){
$('.CityBox').toggle();
});
})
</script>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手
