Skip to content

T
test
提交 1c54f23d 作者: 刘贵生
操作

更改代码

上级 7351c587
正在显示 包含 1037 行增加 和 198 行删除
about.html
...@@ -368,4 +368,4 @@ ...@@ -368,4 +368,4 @@
// 侧边导航公共代码执行 // 侧边导航公共代码执行
common() common()
</script> </script>
</html> </html>
\ No newline at end of file
contactus.html
...@@ -196,4 +196,4 @@ ...@@ -196,4 +196,4 @@
<script> <script>
common() common()
</script> </script>
</html> </html>
\ No newline at end of file
css/about.css 0 → 100644
@charset "utf-8";
/* 固定锚点导航 */
#show_sidebar{
position: fixed;
left:40px;
bottom:250px;
height:30%;
z-index:999;
}
#show_sidebar div{
position: relative;
width:11px;
height:11px;
margin-bottom:27px;
border-radius: 50%;
background:#808080;
}
#show_sidebar div::after{
position: absolute;
top:11px;
left:4.5px;
content:"";
width: 1px;
height:195px;
padding-bottom:11px;
background: #808080;
}
#show_sidebar a{
position: relative;
display: block;
text-decoration: none;
font-size: 12px;
color:#808080;
margin:0px 0px 27px 34px;
}
#show_sidebar a::before{
position: absolute;
left:-32px;
top:50%;
margin-top:-3.5px;
content:'';
display: inline-block;
width:7px;
height:7px;
border-radius: 50%;
background:#808080;
}
#show_sidebar .li_mouseover{
color:#b3b3b3;
}
#show_sidebar .li_mouseover::before{
background:#b3b3b3;
}
#show_sidebar .li_click{
color:#24b298;
}
#show_sidebar .li_click::before{
left:-33px;
width:9px;
height:9px;
background:#24b298;
}
/* 千家风采页样式 */
header {
height: 82px;
background-color: pink;
}
.first_video video {
object-fit: fill;
width: 100%;
}
/* 模块标题 */
#content2 {
margin-top:60px;
}
.model_top h1 {
font-size: 30px;
line-height: 28px;
padding-top: 60px;
text-align: center;
color: #192d3b;
}
.model_top span {
font-size: 12px;
color: #192d3b;
display: block;
line-height: 12px;
text-align: center;
letter-spacing: 1.5px;
}
.model_top h1:after {
content: "";
display: block;
width: 93px;
height: 2px;
margin: 28px auto;
border-bottom: 2px solid #24b298;
}
/* 视差背景1 */
#content2 {
height: 650px;
background: url(../images/team_bgc.jpg) no-repeat;
opacity: 0.65;
}
/* 视差内容1 */
#content3 .team {
background-color: #fff;
box-shadow: 0 0 20px rgba(0, 0, 0 , .15);
position: relative;
}
#content3 .team1{
margin-top: -300px;
}
/* 开头文字 */
#content3 .top_words{
position: absolute;
top:-15px;
font-family: "Microsoft";
letter-spacing: 2px;
}
#content3 .top_words span{
display: inline-block;
font-size: 30px;
line-height:30px;
color: #24b298;
word-spacing: 5px;
}
#content3 .top_words .left_words {
position: relative;
height:30px;
font-size: 30px;
line-height: 30px;
color: #464646;
padding-right:15px;
}
#content3 .top_words .one_word::after{
position: absolute;
top:0px;
left:0px;
content:'WE ARE THE';
display: block;
height:15px;
overflow: hidden;
font-size: 30px;
line-height: 30px;
word-spacing: 5px;
color:#fff;
}
/* 样式模板 丽景琴园团队 */
.team_msg {
margin-left: 30px;
}
/* 团队名称 */
.team_msg h1 {
font-size: 30px;
line-height: 30px;
color: #192d3b;
margin-top:142px;
}
/* 团队介绍 */
.team_msg .team_int{
position: relative;
margin: 40px 0px 0px 42px;
}
.team_msg p {
color: #545454;
font-weight: 600;
margin-top: 18px;
}
.team_int span {
position: relative;
display: block;
color: #545454;
margin-top: 18px;
}
.team_int span::before {
position: absolute;
top:0px;
left:-34px;
content: "";
width: 10px;
height: 10px;
display: inline-block;
background-color: #d4d4d4;
border-radius: 50%;
margin-top: 6px;
}
.team_msg .line {
position: absolute;
top:0px;
left:-30px;
width: 2px;
height: 100%;
padding-bottom:30px;
background-color: #d4d4d4;
}
.team1_video video {
object-fit: fill;
width: 888px;
height: 580px;
margin:14px;
}
/* 凤凰园团队 */
/* 团队名称 */
#content3 .team2 .top_words{
right:0px;
text-align: right;
}
#content3 .team2 .team_msg h1 {
margin-top:175px;
}
#content3 .team4 .team_msg,
#content3 .team2 .team_msg {
margin: 0px 35px 0px 0px;
text-align: right;
}
/* 团队介绍 */
#content3 .team2 .team_msg .team_int,
#content3 .team4 .team_msg .team_int{
margin: 40px 42px 0px 0px;
}
#content3 .team2 .team_int span::before,
#content3 .team4 .team_int span::before{
display: none;
}
#content3 .team2 .team_int span::after,
#content3 .team4 .team_int span::after{
position: absolute;
top:0px;
right:-34px;
content: "";
width: 10px;
height: 10px;
display: inline-block;
background-color: #d4d4d4;
border-radius: 50%;
margin-top: 6px;
}
#content3 .team2 .team_msg .line {
left: 227px;
}
#content3 .team4 .team_msg .line {
left: 199px;
}
#content3 .team{
margin-bottom:135px;
}
#content3 .team:last-of-type{
margin-bottom:0px;
}
/* 新一中团队 */
#content3 .team3 .top_words .left_words {
padding:0px 0px 0px 15px;
}
#content3 .team3 .team_msg h1 {
margin-top:190px;
}
/* 个人风采 */
#person_mien .mien_content{
margin-top:60px;
padding-bottom:30px;
}
#person_mien .person_box{
position: relative;
height:570px;
}
#person_mien .person_photo{
position: absolute;
bottom:0px;
left:0px;
}
#person_mien .person_photo li{
float:left;
margin-right:30px;
transition: all .5s ease;
cursor: pointer;
}
#person_mien .person_photo li img{
display: block;
}
#person_mien .person_photo .li_hover{
box-shadow: 0px 0px 20px #e2e6ec;
margin-top:-60px;
transform: scale(1.05)
}
#person_mien .person_photo li:last-of-type{
margin-right:0px;
}
#person_mien .person_content{
margin-top:60px;
}
#person_mien .team1_video video {
object-fit: fill;
width: 605px;
height: 405px;
margin:0px 200px 0px 0px;
}
#person_mien .personage{
display: none;
}
#person_mien .dongzuojin .team_msg h1 {
margin-top:115px;
}
#person_mien .team_msg h1 {
margin-top:60px;
}
#person_mien .team_msg {
margin-left: 0px;
}
#person_mien .preson_store{
font-size: 16px;
line-height:16px;
}
.team_int span {
margin-top: 10px;
}
#content3 .team5 .top_words span:last-child{
margin-left: 8px;
}
#content3 .team4 .future {
position: absolute;
right: 0;
top: -15px;
}
/* 视差背景图2 */
#content4 {
height: 655px;
background-image:url(../images/school_bgc.jpg);
background-position-y: 500px;
opacity: 0.65;
margin-top:90px;
}
/* 视差内容2 */
#content5{
position: relative;
height:215px;
padding-bottom:30px;
}
#content5 .main_body{
position: absolute;
box-shadow: 0px 0px 20px #918b8b;
top:-475px;
left:50%;
margin-left:-600px;
}
#content5 .main_body video{
display: block;
object-fit: fill;
width: 1200px;
height: 690px;
margin:0px 200px 0px 0px;
}
/* 精彩短片 */
#video_banner .box_show{
position: relative;
width:100%;
height:306px;
margin-top:86px;
overflow: hidden;
}
#video_banner .box_show .video_box{
position: absolute;
top:0px;
left:0px;
width:154.34%;
}
#video_banner .box_show li{
width:438px;
height:100%;
margin-right:25px;
float:left;
}
#video_banner .box_show li video{
object-fit: fill;
width:100%;
height:100%;
}
\ No newline at end of file
css/bootstrap.min.css
This source diff could not be displayed because it is too large. You can view the blob instead.
css/contactus.css 0 → 100644
@charset "utf-8";
/* 品牌加盟样式 */
/* 海报 */
#poster{
height:650px;
}
#poster .poster_banner{
width:100%;
height:100%;
background: url('../images/company_poster.jpg') center;
}
#poster .poster_banner .main_body{
position: relative;
}
#poster .banner_left{
position: absolute;
top:0px;
left:-365px;
width:230px;
margin: 240px 0px 0px 301px;
text-align: center;
}
#poster .banner_left div{
width:229px;
height:64px;
border:1px solid #fff;
background: #12ab8c;
color:#fff;
line-height: 60px;
font-size: 26px;
border-radius: 5px;
cursor: pointer;
}
#poster .banner_left p:last-of-type{
margin-top:20px;
color:#333;
font-size: 11px;
letter-spacing:1px;
}
#poster .wechat img {
margin-top: 200px;
margin-left: 550px;
opacity: 0;
}
/* 二维码动画 */
@keyframes fadeInBig{
0%{
opacity: 0;
}
100%{
opacity: 1;
margin-left: 185px;
}
}
/* 品牌介绍和加盟流程 */
#partner_body{
width:1048px;
margin: auto;
}
/* 第一块 */
#partner_body .partner_listone{
margin:138px 0px 170px;
}
#partner_body .partner_listone li{
width:283px;
height:208px;
border:1px solid #e2e2e2;
}
#partner_body .partner_listone li:nth-child(2){
margin:0px 92px;
}
#partner_body .partner_listone i{
width:150px;
display: block;
text-align: center;
line-height: 100px;
color:#fff;
background: #12ab8c;
font-size:69px;
border-radius: 10px;
margin:-46px auto 0px;
}
#partner_body .partner_listone .introduce{
margin-top:33px;
line-height:31px;
}
#partner_body .partner_listone .introduce p {
font-size: 17px;
text-align: center;
}
#partner_body .partner_listone span{
font-size: 20px;
color:#12ab8c;
padding:0px 1.5px;
font-weight: 600;
}
/* 第二块 */
#partner_body .partner_list{
margin-bottom:76px;
}
#partner_body .partner_list li{
width:50%;
height:247px;
float:left;
background: #12ab8c;
color:#fff;
text-align: left;
}
#partner_body .partner_list li p{
line-height: 20px;
}
#partner_body .partner_list li p span{
font-size: 18px;
}
#partner_body .partner_list1 p{
padding-left:75px;
}
#partner_body .partner_list2 p{
padding-left:130px;
}
#partner_body .partner_list3 p{
padding-left:155px;
}
#partner_body .partner_list li p:first-child{
font-size: 18px;
font-weight: 600;
}
#partner_body .partner_list1 p:first-child{
margin-top:18px;
margin-bottom:14px;
line-height: 34px;
}
#partner_body .partner_list2 p:first-child{
margin-top:14px;
margin-bottom:10px;
line-height: 32px;
}
#partner_body .partner_list3 p:first-child{
margin-top:38px;
line-height: 30px;
}
#partner_body .partner_list1 p:first-child{
line-height: 34px;
}
#partner_body .partner_list li p:last-child{
line-height:26px;
margin-top:5px;
}
#partner_body .partner_list .list_img1{
background: url('../images/support_a.png')
}
#partner_body .partner_list .list_img2{
background: url('../images/support_c.png')
}
#partner_body .partner_list .list_img3{
background: url('../images/support_b.png')
}
/* 第三块 */
#partner_body .partner_line{
position: relative;
height:20px;
}
#partner_body .login_content {
position: absolute;
min-width: 1048px;
}
#partner_body .login_content div {
color:#858585;
font-size: 20px;
line-height: 20px;
margin-left: 485px;
}
#partner_body .login_content div:after, .login_content div:before {
background: #ebebeb;
content: "";
height: 1px;
position: absolute;
top: 50%;
width: 42%;
}
/*调整背景横线的左右距离*/
#partner_body .login_content div:before {
left: 0;
}
#partner_body .login_content div:after {
right: 0;
}
/* 加盟流程 */
#partner_body .partner_flow{
position: relative;
height:136px;
margin-top:82px;
}
#partner_body .partner_flow p{
position: absolute;
top:13px;
left:50%;
margin-left:-380px;
width:760px;
height:2px;
border-bottom:1px dotted #cecdcd;
z-index: 98;
}
#partner_body .partner_flow div{
position: absolute;
left:50%;
margin-left:-413px;
z-index: 99;
}
#partner_body .partner_flow .flow_number{
width:778px;
margin: auto;
}
#partner_body .partner_flow li{
float:left;
}
#partner_body .partner_flow .flow_number li{
width:28px;
line-height:28px;
text-align: center;
color:#fff;
background: #bababa;
margin-right:122px;
font-size: 18px;
border-radius: 50%;
}
#partner_body .partner_flow .flow_number li:first-of-type{
background:#12ab8d;
}
#partner_body .partner_flow ul li:last-of-type{
margin-right:0px;
}
#partner_body .partner_flow .flow_text{
width:826px;
margin:20px auto 0px;
}
#partner_body .partner_flow .flow_text li{
width:66px;
color:#5b5b5b;
margin-right:86px;
font-size: 16px;
}
/* 千家大地图 */
#qj_map .map {
margin-top: 60px;
width: 100%;
overflow: hidden;
}
#qj_map .map img {
display: block;
}
css/index.css
@charset "utf-8"; @charset "utf-8";
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
/* 头部 */ /* 头部 */
#header { #header {
position: relative;
width: 100%; width: 100%;
height: 900px; height: 900px;
} }
...@@ -133,6 +92,9 @@ ...@@ -133,6 +92,9 @@
color: #fff; color: #fff;
} }
/* 第一屏轮播 */ /* 第一屏轮播 */
#header .banner .banner_child{
background-size: 100% 100%;
}
#header .banner .banner_box1 { #header .banner .banner_box1 {
background: url('../images/banner1.jpg') no-repeat; background: url('../images/banner1.jpg') no-repeat;
} }
...@@ -364,6 +326,7 @@ ...@@ -364,6 +326,7 @@
} }
.model_top .model_eng { .model_top .model_eng {
font-size: 12px; font-size: 12px;
font-family: "Microsoft";
color: #192d3b; color: #192d3b;
text-align: center; text-align: center;
letter-spacing: 1.5px; letter-spacing: 1.5px;
...@@ -475,7 +438,11 @@ ...@@ -475,7 +438,11 @@
} }
#introduce .join_us .iconfont{ #introduce .join_us .iconfont{
display: block; display: block;
margin-top:-6px; margin-top:-7px;
}
#introduce .join_us a {
color: #545454;
font-size: 14px;
} }
/* 11个数字助你认识我们 */ /* 11个数字助你认识我们 */
#understand_us{ #understand_us{
...@@ -634,8 +601,8 @@ ...@@ -634,8 +601,8 @@
width:490px; width:490px;
margin:70px 42px 0px 15px; margin:70px 42px 0px 15px;
} }
#department .talents_data1, #department .recruit_talents .talents_data1,
#department .talents_data3{ #department .recruit_talents .talents_data3{
margin-right:104px; margin-right:104px;
} }
#department .datahead p{ #department .datahead p{
...@@ -692,7 +659,7 @@ ...@@ -692,7 +659,7 @@
border-bottom: 1px solid #ffbfba; border-bottom: 1px solid #ffbfba;
} }
#department .talents_data2 .department_name{ #department .talents_data2 .department_name{
border-bottom: 1px solid #fbede4; border-bottom: 1px solid #fae7da;
} }
#department .talents_data3 .department_name{ #department .talents_data3 .department_name{
border-bottom: 1px solid #f9e5b9; border-bottom: 1px solid #f9e5b9;
...@@ -706,7 +673,7 @@ ...@@ -706,7 +673,7 @@
width:24px; width:24px;
height:16px; height:16px;
background: url('../images/hot.png'); background: url('../images/hot.png');
margin:-50px 0px 0px 349px; margin:-45px 0px 0px 245px;
} }
/* 小图标 */ /* 小图标 */
#department .iconfont{ #department .iconfont{
...@@ -717,9 +684,8 @@ ...@@ -717,9 +684,8 @@
margin-right:15px; margin-right:15px;
} }
#department .talents_details{ #department .talents_details{
margin-left:2px; margin:20px 0px 0px 20px;
font-size:14px; font-size:14px;
margin-top:20px;
} }
#department .talents_details ul{ #department .talents_details ul{
padding-top:5px; padding-top:5px;
...@@ -728,43 +694,8 @@ ...@@ -728,43 +694,8 @@
float: left; float: left;
font-size:28px; font-size:28px;
line-height: 53px; line-height: 53px;
text-align: left; color:#484848;
} text-align: center;
/* 职位布局 */
/* 置业部 */
#department .talents_data1 .talents_details div{
padding:0px 16px;
}
/* 行政部 人资部 */
#department .talents_data2 .talents_details li:nth-of-type(1),
#department .talents_data3 .talents_details li:nth-of-type(1){
width:170px;
}
#department .talents_data2 .talents_details li:nth-of-type(2),
#department .talents_data3 .talents_details li:nth-of-type(2){
width:190px;
}
#department .talents_data2 .talents_details li:nth-of-type(3),
#department .talents_data3 .talents_details li:nth-of-type(3){
width:66px;
text-align: right;
}
/* 网络部 */
#department .talents_data4 .talents_details li:nth-of-type(1){
width:115px;
}
#department .talents_data4 .talents_details li:nth-of-type(2){
width:245px;
}
#department .talents_data4 .talents_details li:nth-of-type(3){
width:66px;
text-align: right;
}
/* 数字样式 */
#department .talents_details .number{
font-family: 'ARIAL';
font-size: 28px;
font-weight: 500;
} }
/* 加号 */ /* 加号 */
#department .talents_details div{ #department .talents_details div{
...@@ -772,12 +703,12 @@ ...@@ -772,12 +703,12 @@
height:55px; height:55px;
font:normal 27px/57px 'Microsoft'; font:normal 27px/57px 'Microsoft';
} }
/* 工资待遇 - 数字 */ /* 工资待遇 - 数字 */
#department .talents_details li p:first-child{ #department .talents_details .number{
line-height: 37px; font-family: 'ARIAL';
text-align: center;
font-size: 28px; font-size: 28px;
font-weight: 500;
line-height: 37px;
} }
/* 工资待遇 - 提示 */ /* 工资待遇 - 提示 */
#department .talents_details li p:nth-child(2){ #department .talents_details li p:nth-child(2){
...@@ -785,8 +716,48 @@ ...@@ -785,8 +716,48 @@
line-height: 15px; line-height: 15px;
color:#5b5b5b; color:#5b5b5b;
font-weight: 400; font-weight: 400;
}
/* 职位布局 */
#department .talents_data1 li:first-of-type{
padding-right:8px;
}
#department .talents_data1 li:nth-of-type(2){
width:86px;
}
#department .talents_data1 li:nth-of-type(3){
width:126px;
}
#department .talents_data li:last-of-type{
width:53px;
text-align: right;
}
#department .talents_data2 li:first-of-type,
#department .talents_data3 li:first-of-type{
width:182px;
text-align: left;
}
#department .talents_data2 li:first-of-type p:nth-of-type(2),
#department .talents_data3 li:first-of-type p:nth-of-type(2){
width:150px;
text-align: center; text-align: center;
} }
#department .talents_data2 li:nth-of-type(2),
#department .talents_data3 li:nth-of-type(2){
width:194px;
}
#department .talents_data4 li:nth-of-type(3){
padding-right:65px;
}
#department .talents_data4 .talents_details li:first-of-type .number::after,
#department .talents_data4 .talents_details li:nth-of-type(2) .number::after{
content:'/';
padding:0px 5px;
}
#department .talents_data4 .talents_details .ellipsis{
font:normal 27px/33px 'Microsoft';
}
/* 薪酬体系 */ /* 薪酬体系 */
#department .salsry_system .salsry_left{ #department .salsry_system .salsry_left{
width:380px; width:380px;
...@@ -870,13 +841,13 @@ ...@@ -870,13 +841,13 @@
text-align: left; text-align: left;
} }
#department .salsry_text p{ #department .salsry_text p{
font:normal 14px/14px 'Microsoft'; font:normal 14px/24px 'Microsoft';
color:#686868; color:#686868;
} }
#department .salsry_text h1{ #department .salsry_text h1{
font:bold 20px/20px 'Microsoft'; font:bold 20px/20px 'Microsoft';
color:#4d4c4d; color:#4d4c4d;
padding-bottom:15px; padding-bottom:5px;
} }
#department .salsry_text .selary .salsry_color, #department .salsry_text .selary .salsry_color,
#department .salsry_text .certificate_addition .salsry_color{ #department .salsry_text .certificate_addition .salsry_color{
...@@ -893,10 +864,10 @@ ...@@ -893,10 +864,10 @@
color:#f1c034; color:#f1c034;
} }
#department .salsry_text .welfare{ #department .salsry_text .welfare{
margin:100px 55px 100px 0px; margin:100px 55px 115px 0px;
} }
#department .salsry_text .education_addition{ #department .salsry_text .education_addition{
margin:50px 0px 65px 55px; margin:60px 0px 70px 55px;
} }
/* 晋升体系 */ /* 晋升体系 */
#department .promotion_system{ #department .promotion_system{
...@@ -917,7 +888,7 @@ ...@@ -917,7 +888,7 @@
} }
#department .promotion_system ul{ #department .promotion_system ul{
width:245px; width:245px;
margin-top:-20px; margin-top:-5px;
} }
#department .promotion_system .promotion_left{ #department .promotion_system .promotion_left{
text-align: right; text-align: right;
...@@ -1043,35 +1014,24 @@ ...@@ -1043,35 +1014,24 @@
font:bold 18px/18px 'Microsoft'; font:bold 18px/18px 'Microsoft';
} }
/* 产品服务 */ /* 产品服务 */
#product_service .product_content{ #product_service .model_top{
position: relative; padding-bottom:80px;
width:1380px;
margin: auto;
} }
#product_service .main_body{ #product_service .product_content{
position: relative; margin:0px auto 185px;
height:500px;
margin-top:60px;
overflow: hidden;
}
#product_service .li_box{
position: absolute;
left:0%;
width:100%;
transition: left 0.5s ease;
} }
#product_service li{ #product_service .li_single{
position: relative; position: relative;
width:31.67%; float:left;
width:380px;
height:500px; height:500px;
margin-right:30px;
overflow: hidden; overflow: hidden;
float:left;
margin-right:2.49%;
} }
#product_service li:last-of-type{ #product_service .li_single:last-of-type{
margin-right:0px; margin-right:0px;
} }
#product_service li img{ #product_service .li_single img{
display: block; display: block;
} }
#product_service .service_explain{ #product_service .service_explain{
...@@ -1092,6 +1052,16 @@ ...@@ -1092,6 +1052,16 @@
#product_service .service_about{ #product_service .service_about{
line-height: 14px; line-height: 14px;
text-align: center; text-align: center;
letter-spacing: 1px;
font-family: 'Microsoft';
color:rgba(255, 255, 255, 0.6)
}
#product_service .service_about span::before{
content:"/";
padding:0px 1px;
}
#product_service .service_about span:first-of-type::before{
content:"";
} }
/* 千家大地图 */ /* 千家大地图 */
#qj_map .map_content{ #qj_map .map_content{
...@@ -1102,51 +1072,43 @@ ...@@ -1102,51 +1072,43 @@
} }
/* 底部 */ /* 底部 */
#footer{ #footer{
margin-top:185px;
height:220px; height:220px;
background: #192d3b; background: #192d3b;
} }
#footer img{ #footer img{
padding-top:30px; padding-top:25px;
display: block; display: block;
margin:auto; margin:auto;
} }
#footer .support{ #footer .support{
font-size: 12px; font-size: 12px;
font-weight: 600;
letter-spacing: .5px;
line-height: 12px; line-height: 12px;
color:#fff; color:#fff;
text-align: center; text-align: center;
margin-top:20px; margin-top:12px;
} }
#footer span { #footer span {
font-size: 12px; font-size: 12px;
color: #fff; line-height:12px;
color: rgba(255,255,255,.6);
display: block; display: block;
text-align: center; text-align: center;
margin-top: 5px; margin-top: 25px;
} }
#footer .filing_information { #footer .filing_information {
width: 200px; width: 20px;
display: block; display: block;
margin-left: 50%; margin-left: 50%;
transform: translate(-100px); transform: translate(-10px);
margin-top: 10px; margin-top: 10px;
} }
#footer .filing_information p {
font-size: 12px;
color: #fff;
margin-left: 5px;
}
#footer .filing_information p:hover {
color: #12ab8d;
}
#footer .filing_information img { #footer .filing_information img {
width: 15px; width: 20px;
height: 15px; height: 20px;
padding-top: 0; padding-top: 0;
} }
/* 自定义动画 */ /* 自定义动画 */
@keyframes smallBig { @keyframes smallBig {
from { from {
...@@ -1179,4 +1141,42 @@ ...@@ -1179,4 +1141,42 @@
to { to {
transform: scale(1) transform: scale(1)
} }
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
} }
\ No newline at end of file
css/reset.css
...@@ -57,26 +57,6 @@ textarea { ...@@ -57,26 +57,6 @@ textarea {
} }
/* 将斜体扶正 */
/* address,
cite,
dfn,
em,
var {
font-style: normal;
} */
/* 小于 12px 的中文很难阅读, 让 small 正常化 */
/*
small {
font-size: 12px;
} */
/** 重置列表元素 **/ /** 重置列表元素 **/
ul, ul,
......
iconfont/demo_fontclass.html
...@@ -271,6 +271,12 @@ ...@@ -271,6 +271,12 @@
</li> </li>
<li> <li>
<i class="icon iconfont icon-41"></i>
<div class="name">人</div>
<div class="fontclass">.icon-41</div>
</li>
<li>
<i class="icon iconfont icon-wangluo"></i> <i class="icon iconfont icon-wangluo"></i>
<div class="name">网络</div> <div class="name">网络</div>
<div class="fontclass">.icon-wangluo</div> <div class="fontclass">.icon-wangluo</div>
......
iconfont/demo_symbol.html
...@@ -373,6 +373,14 @@ ...@@ -373,6 +373,14 @@
<li> <li>
<svg class="icon" aria-hidden="true"> <svg class="icon" aria-hidden="true">
<use xlink:href="#icon-41"></use>
</svg>
<div class="name">人</div>
<div class="fontclass">#icon-41</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-wangluo"></use> <use xlink:href="#icon-wangluo"></use>
</svg> </svg>
<div class="name">网络</div> <div class="name">网络</div>
......
iconfont/demo_unicode.html
...@@ -291,6 +291,12 @@ ...@@ -291,6 +291,12 @@
</li> </li>
<li> <li>
<i class="icon iconfont">&#xe535;</i>
<div class="name">人</div>
<div class="code">&amp;#xe535;</div>
</li>
<li>
<i class="icon iconfont">&#xe655;</i> <i class="icon iconfont">&#xe655;</i>
<div class="name">网络</div> <div class="name">网络</div>
<div class="code">&amp;#xe655;</div> <div class="code">&amp;#xe655;</div>
......
iconfont/iconfont.eot
No preview for this file type
iconfont/iconfont.js
This source diff could not be displayed because it is too large. You can view the blob instead.
iconfont/iconfont.svg
...@@ -156,6 +156,9 @@ t9.5 -10.5t21.5 -4h37h67h81h80h64h36q23 0 34 12t2 38q-5 13 -9.5 30.5t-9.5 34.5q- ...@@ -156,6 +156,9 @@ t9.5 -10.5t21.5 -4h37h67h81h80h64h36q23 0 34 12t2 38q-5 13 -9.5 30.5t-9.5 34.5q-
<glyph glyph-name="jiantou4-down-copy1" unicode="&#60130;" d="M633.006 766.192c0-7.89299999-3.025-15.783-9.068-21.785l-363.409-360.871 363.426-361.487c12.021-11.956 12.075-31.394 0.116-43.415-11.956-12.021-31.394-12.073-43.415-0.11700001l-385.327 383.27100001c-5.793 5.762-9.05 13.596-9.05 21.766 0 0.004 0 0.00799999 0 0.01100001 0.004 8.175 3.268 16.01099999 9.068 21.76999999l385.327 382.636c12.031 11.946 31.469 11.879 43.416-0.152 5.946-5.987 8.917-13.811 8.917-21.631zM602.30800001 338.21299999999997c24.86799999 0 45.025 20.159 45.02499999 45.025 0 24.86799999-20.159 45.025-45.025 45.025-24.86799999 0-45.025-20.159-45.025-45.025 0-24.86799999 20.159-45.025 45.02500001-45.025zM792.51499999 338.21299999999997c24.86799999 0 45.025 20.159 45.02500001 45.025 0 24.86799999-20.159 45.025-45.025 45.025-24.86799999 0-45.025-20.159-45.025-45.025 0-24.86799999 20.159-45.025 45.02499999-45.025z" horiz-adv-x="1024" /> <glyph glyph-name="jiantou4-down-copy1" unicode="&#60130;" d="M633.006 766.192c0-7.89299999-3.025-15.783-9.068-21.785l-363.409-360.871 363.426-361.487c12.021-11.956 12.075-31.394 0.116-43.415-11.956-12.021-31.394-12.073-43.415-0.11700001l-385.327 383.27100001c-5.793 5.762-9.05 13.596-9.05 21.766 0 0.004 0 0.00799999 0 0.01100001 0.004 8.175 3.268 16.01099999 9.068 21.76999999l385.327 382.636c12.031 11.946 31.469 11.879 43.416-0.152 5.946-5.987 8.917-13.811 8.917-21.631zM602.30800001 338.21299999999997c24.86799999 0 45.025 20.159 45.02499999 45.025 0 24.86799999-20.159 45.025-45.025 45.025-24.86799999 0-45.025-20.159-45.025-45.025 0-24.86799999 20.159-45.025 45.02500001-45.025zM792.51499999 338.21299999999997c24.86799999 0 45.025 20.159 45.02500001 45.025 0 24.86799999-20.159 45.025-45.025 45.025-24.86799999 0-45.025-20.159-45.025-45.025 0-24.86799999 20.159-45.025 45.02499999-45.025z" horiz-adv-x="1024" />
<glyph glyph-name="41" unicode="&#58677;" d="M521.83 875.392c-61.713 0-111.957-50.244-111.957-111.957s50.244-111.957 111.957-111.957 111.957 50.244 111.957 111.957-50.244 111.957-111.957 111.957zM784.521 768.896c-49.698 0-89.566-39.868-89.566-89.566s39.868-89.566 89.566-89.566 89.566 40.414 89.566 89.566c0 49.698-39.868 89.566-89.566 89.566zM354.714 313.42l-1.638-28.399v-1.092l19.115-327.68h-85.743l-14.199 279.074h-36.591l-17.476-279.074h-80.282l12.561 327.68-6.007 132.71-73.728-105.404-36.045 29.491 104.858 231.561h61.167l58.436-69.359 56.252 68.813h46.967l22.391 51.337h116.873l-8.738-14.746 11.469-23.484-25.122-180.224 39.322-39.868v-3.277l1.638 1.638 1.638-1.638v3.277l39.322 39.868-25.122 180.224 11.469 23.484-8.738 14.746h117.965l15.838-51.337h54.613l58.436-69.359 56.798 69.359h51.883l97.212-215.723-38.775-33.314-64.99 109.227-7.646-147.456v-1.092l19.115-327.68h-85.743l-14.199 279.074h-36.045l-17.476-279.074h-80.282l12.561 327.68-1.092 23.484-33.314-27.853 14.746-391.578h-96.119l-21.299 333.687h-43.691l-16.93-333.687h-101.581l22.391 391.578-46.421 34.406zM256.956 768.896c-49.698 0-89.566-39.868-89.566-89.566s40.414-89.566 89.566-89.566c49.698 0 89.566 40.414 89.566 89.566 0.546 49.698-39.868 89.566-89.566 89.566z" horiz-adv-x="1024" />
<glyph glyph-name="wangluo" unicode="&#58965;" d="M991.412898 416.505853a32.499603 32.499603 0 0 1-32.499603-32.499603c0-204.472504-138.173313-377.270395-325.946022-430.207249 70.649138 70.724137 152.323141 202.497528 152.323141 433.40721 0 398.745133-243.384529 501.181382-253.746903 505.331331a36.624553 36.624553 0 0 1-7.674906 1.987476l-7.499908 1.087487a24.999695 24.999695 0 0 1-4.349947 0.387495C229.634697 895.9875 0 666.227805 0 383.99375s229.634697-511.99375 512.056249-511.99375c282.171556 0 511.931251 229.697196 511.931251 511.99375a32.574602 32.574602 0 0 1-32.574602 32.499603m-609.655058 394.995179c-41.661991-44.099462-85.698954-109.373665-113.84861-203.522516H125.498468a448.569524 448.569524 0 0 0 256.246872 203.522516M108.473676 576.316402a16.3623 16.3623 0 0 1 4.999939-0.899989h145.598223c-12.824843-52.349361-20.549749-112.836123-20.999744-182.397773H65.211704a445.219565 445.219565 0 0 0 43.261972 183.297762m8.637394-401.4076a444.03208 444.03208 0 0 0-51.449372 185.535236h172.797891c1.987476-70.649138 11.837356-131.585894 26.499677-183.747757H124.160984a13.849831 13.849831 0 0 1-7.037414-1.724979m17.987281-30.787125h139.998291c30.399629-88.51142 74.624089-149.373177 115.261093-190.135179A448.90702 448.90702 0 0 0 135.098351 144.121678m345.283285-181.560283c-37.562041 26.24968-96.511322 80.899012-135.935841 181.560283h135.935841v-181.560283m0 214.134886h-147.4982c-16.062304 50.624382-27.137169 111.248642-29.374641 183.747757h176.872841v-183.747757m0 216.384858H303.158799c0.449995 71.161631 9.337386 131.460895 23.087219 182.397774h154.135618v-182.397774m0 214.909877H336.245895c39.037023 115.136095 103.748734 175.672856 144.123241 203.747513v-203.747513m64.999207 201.922535c40.387007-28.749649 103.423738-89.148912 141.760769-201.922535H545.405842V809.913551m0-234.434638h151.673149c13.749832-50.949378 22.662223-111.248642 23.099718-182.397774H545.405842V575.478913m0-214.997376H719.866213c-2.237473-72.499115-13.249838-133.185874-29.312143-183.747757H545.405842v183.747757m0-396.47016v179.997803h133.623369c-38.587029-98.623796-95.87383-152.960633-133.635869-179.997803m393.670195 536.843447A40.899501 40.899501 0 1 1 979.988037 541.691825a40.899501 40.899501 0 0 1-40.9245-40.837001m0 74.174094a34.999573 34.999573 0 1 1-34.999573 34.999573 34.999573 34.999573 0 0 1 34.999573-34.999573m-66.686686 106.173704a25.787185 25.787185 0 1 1-25.787185 25.787185 25.787185 25.787185 0 0 1 25.787185-25.787185m0 0z" horiz-adv-x="1024" /> <glyph glyph-name="wangluo" unicode="&#58965;" d="M991.412898 416.505853a32.499603 32.499603 0 0 1-32.499603-32.499603c0-204.472504-138.173313-377.270395-325.946022-430.207249 70.649138 70.724137 152.323141 202.497528 152.323141 433.40721 0 398.745133-243.384529 501.181382-253.746903 505.331331a36.624553 36.624553 0 0 1-7.674906 1.987476l-7.499908 1.087487a24.999695 24.999695 0 0 1-4.349947 0.387495C229.634697 895.9875 0 666.227805 0 383.99375s229.634697-511.99375 512.056249-511.99375c282.171556 0 511.931251 229.697196 511.931251 511.99375a32.574602 32.574602 0 0 1-32.574602 32.499603m-609.655058 394.995179c-41.661991-44.099462-85.698954-109.373665-113.84861-203.522516H125.498468a448.569524 448.569524 0 0 0 256.246872 203.522516M108.473676 576.316402a16.3623 16.3623 0 0 1 4.999939-0.899989h145.598223c-12.824843-52.349361-20.549749-112.836123-20.999744-182.397773H65.211704a445.219565 445.219565 0 0 0 43.261972 183.297762m8.637394-401.4076a444.03208 444.03208 0 0 0-51.449372 185.535236h172.797891c1.987476-70.649138 11.837356-131.585894 26.499677-183.747757H124.160984a13.849831 13.849831 0 0 1-7.037414-1.724979m17.987281-30.787125h139.998291c30.399629-88.51142 74.624089-149.373177 115.261093-190.135179A448.90702 448.90702 0 0 0 135.098351 144.121678m345.283285-181.560283c-37.562041 26.24968-96.511322 80.899012-135.935841 181.560283h135.935841v-181.560283m0 214.134886h-147.4982c-16.062304 50.624382-27.137169 111.248642-29.374641 183.747757h176.872841v-183.747757m0 216.384858H303.158799c0.449995 71.161631 9.337386 131.460895 23.087219 182.397774h154.135618v-182.397774m0 214.909877H336.245895c39.037023 115.136095 103.748734 175.672856 144.123241 203.747513v-203.747513m64.999207 201.922535c40.387007-28.749649 103.423738-89.148912 141.760769-201.922535H545.405842V809.913551m0-234.434638h151.673149c13.749832-50.949378 22.662223-111.248642 23.099718-182.397774H545.405842V575.478913m0-214.997376H719.866213c-2.237473-72.499115-13.249838-133.185874-29.312143-183.747757H545.405842v183.747757m0-396.47016v179.997803h133.623369c-38.587029-98.623796-95.87383-152.960633-133.635869-179.997803m393.670195 536.843447A40.899501 40.899501 0 1 1 979.988037 541.691825a40.899501 40.899501 0 0 1-40.9245-40.837001m0 74.174094a34.999573 34.999573 0 1 1-34.999573 34.999573 34.999573 34.999573 0 0 1 34.999573-34.999573m-66.686686 106.173704a25.787185 25.787185 0 1 1-25.787185 25.787185 25.787185 25.787185 0 0 1 25.787185-25.787185m0 0z" horiz-adv-x="1024" />
......
iconfont/iconfont.ttf
No preview for this file type
js/about.js 0 → 100644
window.onload = function () {
// 左侧固定导航样式
var show_sidebar = document.getElementById("show_sidebar")
var sidebar_li = show_sidebar.getElementsByTagName("a")
for(var k = 0;k < sidebar_li.length ; k++){
sidebar_li[k].index = k;
sidebar_li[k].onmouseover = function(){
for(var b = 0; b < sidebar_li.length ; b++){
sidebar_li[b].classList.remove("li_mouseover")
}
sidebar_li[this.index].classList.add("li_mouseover")
}
sidebar_li[k].onmouseout = function(){
for(var b = 0; b < sidebar_li.length ; b++){
sidebar_li[b].classList.remove("li_mouseover")
}
}
sidebar_li[k].onclick = function(){
for(var b = 0; b < sidebar_li.length ; b++){
sidebar_li[b].classList.remove("li_click")
}
sidebar_li[this.index].classList.add("li_click")
}
}
// 公司宣传视频
var company_video = document.getElementById("company_video")
company_video.style.height = window.screen.height - 170 + "px";
// 视差滚动
$.stellar({
horizontalScrolling: false,
responsive: true
});
// 个人风采效果
var photo = document.getElementById("person_photo");
var photo_single = photo.getElementsByTagName("li")
var content_single = document.getElementsByClassName("personage")
for(var i = 0;i < photo_single.length ; i++){
photo_single[i].index = i;
photo_single[i].onmouseover = function(){
for(var a = 0; a < photo_single.length ; a++){
photo_single[a].classList.remove("li_hover")
content_single[a].style.display="none";
}
photo_single[this.index].classList.add("li_hover")
content_single[this.index].style.display = "block";
}
}
// 视频轮播
var video_banner = document.getElementById("video_banner");
var video_box = video_banner.getElementsByClassName("video_box")[0]
var video_single = video_banner.getElementsByTagName("li");
var timer=null;
var speed=-2;
video_box.innerHTML+=video_box.innerHTML;
video_box.style.width=(video_single[0].offsetWidth+25)*video_single.length+"px"
function autoPlay(){
timer=setInterval(function(){
video_box.style.left=video_box.offsetLeft+speed+"px";
if(video_box.offsetLeft<-video_box.offsetWidth/2){
video_box.style.left="0px";
}else if(video_box.offsetLeft>0){
video_box.style.left=-video_box.offsetWidth/2+"px";
}
},14);
}
autoPlay();
video_box.onmouseover=function(){
clearInterval(timer);
};
video_box.onmouseout=function(){
autoPlay();
}
// // 侧边二维码
// var qr_code = document.getElementsByClassName("qr_code")[0];
// var code_img = this.document.getElementsByClassName("code_img")[0];
// qr_code.onmouseover = function () {
// code_img.style.opacity = 1;
// code_img.style.animation = "rightLeft .8s ease-in-out forwards"
// }
// qr_code.onmouseout = function () {
// code_img.style.opacity = 0;
// code_img.style.animation = ""
// }
// // 返回顶部
// var go_top = document.getElementsByClassName("go_top")[0];
// go_top.onclick = function backTop () {
// clearInterval(timer);
// var timer = setInterval(function() {
// let scrollHeight = document.documentElement.scrollTop || document.body.scrollTop;
// let now = scrollHeight;
// let speed = (2 - now) / 15;
// speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed);
// if (scrollHeight === 0) {
// clearInterval(timer);
// }
// document.documentElement.scrollTop = scrollHeight + speed;
// document.body.scrollTop = scrollHeight + speed;
// }, 14);
// window.onmousewheel = function(){
// clearInterval(timer);
// }
// go_top.onmouseout = function(){
// clearInterval(timer)
// }
// }
// // 固定导航的显示隐藏
// var scroll = function(){
// let nav_height = document.getElementById("top_nav")
// let scrollTop = document.body.scrollTop || document.documentElement.scrollTop
// if(scrollTop > 0){
// nav_height.classList.add('header_scroll')
// }else{
// nav_height.classList.remove('header_scroll')
// }
// }
// scroll()
window.onscroll = function(){
// scroll()
show_scroll()
}
// 滚轮 左导航样式
function show_scroll(){
let scrollTop = document.documentElement.scrollTop || document.body.scrollTop
let scroll_one = document.getElementById("scroll_one").offsetTop - 90
let scroll_two = document.getElementById("scroll_two").offsetTop - 90
let scroll_three = document.getElementById("scroll_three").offsetTop - 90
let scroll_four = document.getElementById("scroll_four").offsetTop - 90
let show_sidebar = document.getElementById("show_sidebar")
let sidebar_li = show_sidebar.getElementsByTagName("a")
let show_top = show_sidebar.getElementsByTagName("div")[0]
for(var k = 0;k < sidebar_li.length ; k++){
sidebar_li[k].classList.remove("li_click")
show_top.style.background="#808080";
switch(true){
case scrollTop<scroll_one:
show_top.style.background="#24b298";
break;
case scrollTop>=scroll_one && scrollTop<scroll_two:
sidebar_li[0].classList.add("li_click");
break;
case scrollTop>=scroll_two && scrollTop<scroll_three:
sidebar_li[1].classList.add("li_click");
break;
case scrollTop>=scroll_three && scrollTop<scroll_four:
sidebar_li[2].classList.add("li_click");
break;
case scrollTop>=scroll_four:
sidebar_li[3].classList.add("li_click");
break;
}
}
}
show_scroll()
// 滚动样式
}
\ No newline at end of file
js/common.js 0 → 100644
var common = function () {
// setTimeout(() => window.scrollTo(0,0), 14)
// 侧边二维码动画
var qr_code = document.getElementsByClassName("qr_code")[0];
var code_img = this.document.getElementsByClassName("code_img")[0];
qr_code.onmouseover = function () {
code_img.style.opacity = 1;
code_img.style.animation = "rightLeft .8s ease-in-out forwards"
}
qr_code.onmouseout = function () {
code_img.style.opacity = 0;
code_img.style.animation = ""
}
// 返回顶部
var go_top = document.getElementsByClassName("go_top")[0];
var timer = null;
go_top.onclick = function () {
cancelAnimationFrame(timer);
timer = requestAnimationFrame(function fn() {
var oTop = document.body.scrollTop || document.documentElement.scrollTop;
if (oTop > 0) {
document.body.scrollTop = document.documentElement.scrollTop = oTop - 300;
timer = requestAnimationFrame(fn);
} else {
cancelAnimationFrame(timer);
}
});
}
// 点击预约面试按钮显示二维码
if (document.getElementById("order")) {
var order = document.getElementById("order");
var img = document.getElementById("code_img");
order.onclick = function () {
img.style.animation = "fadeInBig .8s ease-in-out forwards"
}
}
}
\ No newline at end of file
js/index.js
window.onload =function(){ window.onload = function () {
window.onscroll = scroll;
// 固定导航背景颜色
var scroll = function () {
var nav_height = document.getElementById("top_nav");
var scrollTop =document.body.scrollTop || document.documentElement.scrollTop;
if (scrollTop > 0) {
nav_height.classList.add('header_scroll')
} else {
nav_height.classList.remove('header_scroll')
}
}
scroll()
// 导航动画 // 导航动画
var nav = document.getElementsByClassName("nav")[0]; var nav = document.getElementsByClassName("nav")[0];
var click_a = nav.getElementsByTagName("a"); var click_a = nav.getElementsByTagName("a");
for(let i = 0 ; i < click_a.length ; i++){ for (let i = 0; i < click_a.length; i++) {
click_a[i].index = i; click_a[i].index = i;
click_a[i].onclick = function(){ click_a[i].onclick = function () {
for(let a = 0 ; a < click_a.length ; a++){ for (let a = 0; a < click_a.length; a++) {
click_a[a].classList.remove("choosed") click_a[a].classList.remove("choosed")
} }
click_a[this.index].classList.add("choosed") click_a[this.index].classList.add("choosed")
} }
} }
// 固定导航的显示隐藏
var scroll = function(){
let nav_height = document.getElementById("top_nav")
let scrollTop = document.body.scrollTop || document.documentElement.scrollTop
if(scrollTop > 0){
nav_height.classList.add('header_scroll')
}else{
nav_height.classList.remove('header_scroll')
}
}
scroll()
window.onscroll = function(){
scroll()
}
// 导航条滚动加载样式 // 导航条滚动加载样式
function home_scroll(){ function home_scroll() {
let scrollTop = document.documentElement.scrollTop || document.body.scrollTop let scrollTop = document.documentElement.scrollTop || document.body.scrollTop
let home_one = document.getElementById("top").offsetTop - 90 let home_one = document.getElementById("top").offsetTop - 90
let home_two = document.getElementById("introduce").offsetTop - 90 let home_two = document.getElementById("introduce").offsetTop - 90
let home_three = document.getElementById("department").offsetTop - 90 let home_three = document.getElementById("department").offsetTop - 90
...@@ -37,30 +33,31 @@ window.onload =function(){ ...@@ -37,30 +33,31 @@ window.onload =function(){
let home_five = document.getElementById("product_service").offsetTop - 90 let home_five = document.getElementById("product_service").offsetTop - 90
let nav = document.getElementsByClassName("nav")[0]; let nav = document.getElementsByClassName("nav")[0];
let click_a = nav.getElementsByTagName("a"); let click_a = nav.getElementsByTagName("a");
for(let i = 0 ; i < click_a.length ; i++){ for (let i = 0; i < click_a.length; i++) {
click_a[i].classList.remove("choosed") click_a[i].classList.remove("choosed")
switch(true){ switch (true) {
case scrollTop<home_two: case scrollTop < home_two:
click_a[0].classList.add("choosed") click_a[0].classList.add("choosed")
break; break;
case scrollTop>=home_two && scrollTop<home_three: case scrollTop >= home_two && scrollTop < home_three:
click_a[1].classList.add("choosed") click_a[1].classList.add("choosed")
break; break;
case scrollTop>=home_three && scrollTop<home_four: case scrollTop >= home_three && scrollTop < home_four:
click_a[2].classList.add("choosed") click_a[2].classList.add("choosed")
break; break;
case scrollTop>=home_four && scrollTop<home_five: case scrollTop >= home_four && scrollTop < home_five:
click_a[3].classList.add("choosed") click_a[3].classList.add("choosed")
break; break;
case scrollTop>=home_five: case scrollTop >= home_five:
click_a[4].classList.add("choosed") click_a[4].classList.add("choosed")
break; break;
} }
} }
} }
home_scroll() home_scroll()
window.onscroll = function(){ window.onscroll = function () {
home_scroll() home_scroll()
scroll()
} }
// 公司介绍品牌切换 // 公司介绍品牌切换
...@@ -82,6 +79,6 @@ window.onload =function(){ ...@@ -82,6 +79,6 @@ window.onload =function(){
second.style.zIndex = "4"; second.style.zIndex = "4";
second.style.animation = "toInit .6s ease forwards"; second.style.animation = "toInit .6s ease forwards";
} }
// 侧边导航代码执行
common();
} }
\ No newline at end of file
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论