<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
<title>企业招聘页面</title>
<link rel="stylesheet" type="text/css" href="./css/recruit.css">
</head>
<script>
// 使用防抖或节流技术
function debounce(func, wait) {
let timeout;
return function () {
const context = this;
const args = arguments;
clearTimeout(timeout);
timeout = setTimeout(() => func.apply(context, args), wait);
};
}
const scrollHandler = debounce(function () {
// ... 检查元素是否在视口中并执行相应的操作
implementAnimation("gsjs");
implementAnimation("gsct");
implementAnimation("gjtxfws");
implementAnimation("yysbopz");
implementAnimation("tdythwl");
implementAnimation("ydylyqkh");
implementAnimation("yzffjyjstd");
implementAnimation("gsmsxq");
implementAnimation("gsfl");
implementAnimation("bghj");
implementAnimation("gwzp");
implementAnimation("postth");
implementAnimation("posttd1");
implementAnimation("posttd2");
implementAnimation("posttd3");
implementAnimation("posttd4");
implementAnimation("lxwm");
implementAnimation("wj");
implementAnimation("yf");
implementAnimation("my");
implementAnimation("bl");
implementAnimation("zxbm");
implementAnimation("name");
implementAnimation("phone");
implementAnimation("position");
implementAnimation("submit");
}, 100); // 每200毫秒检查一次
window.addEventListener('scroll', scrollHandler);
function implementAnimation(id) {
var element = document.getElementById(id);
var rect = element.getBoundingClientRect();
var viewHeight = Math.max(document.documentElement.clientHeight, window.innerHeight);
// 检查元素是否在视口中
if (rect.top < viewHeight && rect.bottom > 0) {
// 元素在视口中，添加类以触发动画
element.style.animationPlayState = 'running';
} else {
// 元素不在视口中，移除类以停止动画（如果需要的话）
element.style.animationPlayState = 'paused';
}
}
</script>
<body>
<div class="container">
<!-- <h1 class="left-jiao-animation">招聘</h1> -->
<img class="img2024" src="./img/2024.png">
<img class="zhaopinimg" src="./img/zpjy.png">
<div style="margin-top: -150px;">
<p class="vertical-text">全国范围内摇人(招贤纳士)</p>
</div>
<div style="float: right;margin-top: -250px;margin-right: 50px;">
<p style="text-align: center;" class="title2">寻找散落在各地的<br>（有为青年人）</p>
</div>
<img class="axd-logo" style="width: 40%;height: 150px;float: right;margin-top: -150px;margin-right: 60px;"
src="./img/axd_logo.png">
<div style="float: right;margin-top: -40px;margin-right: 10px;">
<p class="axd-name">爱讯达科技（深圳）有限公司</p>
</div>
<section style="margin-top:50px">
<div id="gsjs" class="top-left">
<h2>公司介绍</h2>
</div>
<div style="margin-top: 50px;" class="image-container">
<img id="gsct" style="height: 150px;width: 100%;" class="scale-animation" src="./img/axd.jpg" alt="公司插图">
</div>
<div style="width: 100%;">
<div id="gjtxfws" class="left-animation" style="float: left;width: 50%;">
<p class="p-sign">国际通信服务商</p>
</div>
<div id="yysbopz" class="right-animation" style="float: right;width: 50%;">
<p class="p-sign">拥有SBO牌照</p>
</div>
</div>
<div style="width: 100%;">
<div id="tdythwl" class="left-animation" style="float: left;width: 50%;">
<p class="p-sign">天地一体化网络</p>
</div>
<div id="ydylyqkh" class="right-animation" style="float: right;width: 50%;">
<p class="p-sign">一带一路央企客户</p>
</div>
</div>
<div style="width: 100%;">
<div id="yzffjyjstd" class="rotate-animation" style="float: left;width: 100%;">
<p class="p-sign">一支经验丰富的技术团队</p>
</div>
</div>
<br>
<p id="gsmsxq" style="margin-bottom: 50px;line-height:2" class="scale-animation">爱讯达科技(深圳)有限公司由香港公司LIVECOM
LIMITED于2007年在深圳全资注册成立，是一家综合性通讯服务解决方案提供商，已建成全球骨干数据网络、骨干pop节点数据中心和卫星地面站等基础设施，并在此基础上搭建了多个平台，能为国内外多个企业提供覆盖全球和多个国家的信息网络服务，包括国际专线、卫星通信、互联网快速接入、SD-WAN组网、海外园区宽带接入、海外中文数字电视、企业语音电话、车联网及海外ICT集成及运维服务等。
</p>
</section>
<section>
<div id="gsfl" class="top-left">
<h2>公司福利</h2>
</div>
<div style="margin-top: 50px;margin-bottom: 50px;" class="image-container">
<img src="./img/fl1.png" alt="fl1">
<img src="./img/fl2.png" alt="fl2">
<img src="./img/jj1.png" alt="fl3">
<img src="./img/tj1.png" alt="fl4">
<img src="./img/tj2.png" alt="fl5">
</div>
</section>
<section>
<div id="bghj" class="top-left">
<h2>办公环境</h2>
</div>
<div style="margin-top: 50px;margin-bottom: 50px;" class="image-container">
<img src="./img/hj2.png" alt="办公环境插图">
<img src="./img/hj1.png" alt="办公环境插图">
</div>
</section>
<section>
<div id="gwzp" class="top-left">
<h2>岗位招聘</h2>
</div>
<div style="width: 100%;margin-bottom: 50px;margin-top: 50px;">
<!-- <h2 style="color: rgb(200, 219, 24);">2024年我们需要</h2>
<p style="color: #ce1414; font-size: 10px">销售经理</p>
<p class="ppost">高级网络工程师</p>
<p class="ppost">高级系统工程师</p>
<p class="ppost">高级网络架构师</p> -->
<table style="border-collapse:collapse;">
<tr id="postth" class="left-animation">
<th align="left" style="font-size: 20px;font-weight:900;">2024年我们需要:</th>
<!-- <th></th> -->
</tr>
<tr id="posttd1" class="right-animation" >
<td>
<div style="width: 100%;align-items: center;display:flex;">
<p style="font-size: 15px;font-weight:900;float: left;width: 40%;">销售经理</p>
<p style="font-size: 12px;float: right;width: 60%;text-align: right;">(北京/上海/南京/深圳)</p>
</div>
</td>
<!-- <td style="font-size: 10px;">(北京、上海、南京、深圳)</td> -->
</tr>
<tr id="posttd2" class="right-animation" >
<td >
<div style="width: 100%;align-items: center;display:flex;">
<p style="font-size: 15px;font-weight:900;float: left;width: 40%;">高级网络工程师</p>
<p style="font-size: 12px;float: right;width: 60%;text-align: right;">(北京/南京/西安/伊拉克驻场)</p>
</div>
<!-- 高级网络工程师  
(北京/南京/西安/伊拉克驻场) -->
</td>
<!-- <td>(北京、南京、西安、伊拉克驻场)</td> -->
</tr>
<tr id="posttd3" class="right-animation" >
<td>
<div style="width: 100%;align-items: center;display:flex;">
recruit.zip （46个子文件） 
recruit js 
index.js 0B img 
yf.png 33KB bq4.png 7KB hj2.png 126KB tj2.png 170KB zpjy.png 149KB
2.jpg 709KB axd_logo.png 48KB bq2.png 11KB bj2.jpg 172KB xt2.jpg 114KB 1.jpg 748KB bq5.png 5KB fl2.png 224KB xt1.webp 15KB my.png 52KB axd.jpg 269KB hj1.png 133KB bj.jpg 305KB bq3.png 12KB bq1.png 3KB 2024.png 104KB gg.png 4KB fl1.png 160KB zp.png 6KB ydk.png 9KB jj1.png 182KB tj1.png 182KB wj.png 66KB 3.jpg 5.35MB
企业招聘页面.html 9KB 企业招聘页面_files yf.png 33KB hj2.png 126KB tj2.png 170KB recruit.css 4KB fl2.png 224KB my.png 52KB hj1.png 133KB fl1.png 160KB jj1.png 182KB tj1.png 182KB wj.png 66KB dbl.png 34KB dbl.png 34KB css recruit.css 11KB index.html 18KB资源评论
