Skip to content

T
test
提交 d7cd6a17 作者: 汪任梦
操作

修改电话号码

上级 8a30286c
正在显示 包含 155 行增加 和 78 行删除
about.html
......@@ -22,16 +22,16 @@
<!-- 固定导航 -->
<div id="top_nav" class="header_scroll">
<div class="main_body clear">
<a class="logo left" href="./index.html#top">
<a class="logo left" href="./index.html#header">
<img src="./images/brand_first.png" alt="" class="left">
<p class="left">千家地产</p>
</a>
<div class="nav right">
<a class="nav_first" href="./index.html#top">首页</a>
<a href="./index.html#to_company">公司介绍</a>
<a href="./index.html#to_department">招贤纳士</a>
<a href="./index.html#to_cours">发展历程</a>
<a href="./index.html#to_product">产品服务</a>
<a class="nav_first" href="./index.html#header">首页</a>
<a href="./index.html#introduce">公司介绍</a>
<a href="./index.html#department">招贤纳士</a>
<a href="./index.html#cours">发展历程</a>
<a href="./index.html#product_service">产品服务</a>
<a href="./contactus.html">品牌加盟</a>
<a class="nav_last choosed" href="about.html">千家风采</a>
</div>
......
contactus.html
......@@ -20,16 +20,16 @@
<!-- 固定导航 -->
<div id="top_nav" class="header_scroll">
<div class="main_body clear">
<a class="logo left" href="./index.html#top">
<a class="logo left" href="./index.html#header">
<img src="./images/brand_first.png" alt="" class="left">
<p class="left">千家地产</p>
</a>
<div class="nav right">
<a class="nav_first" href="./index.html#top">首页</a>
<a href="./index.html#to_company">公司介绍</a>
<a href="./index.html#to_department">招贤纳士</a>
<a href="./index.html#to_cours">发展历程</a>
<a href="./index.html#to_product">产品服务</a>
<a class="nav_first" href="./index.html#header">首页</a>
<a href="./index.html#introduce">公司介绍</a>
<a href="./index.html#department">招贤纳士</a>
<a href="./index.html#cours">发展历程</a>
<a href="./index.html#product_service">产品服务</a>
<a href="./contactus.html" class="choosed">品牌加盟</a>
<a class="nav_last" href="about.html">千家风采</a>
</div>
......@@ -188,7 +188,7 @@
<div>
<span class="iconfont icon-dizhi"></span>
</div>
<span class="msg_content">唐山是新天地·汇金中心B座8层</span>
<span class="msg_content">唐山市新天地·汇金中心B座8层</span>
</li>
</ul>
</div>
......
css/index.css
......@@ -562,6 +562,78 @@
}
/* 招贤纳士 */
#department{
position: relative;
}
/* 招聘热线 */
#department_tel{
position: absolute;
top:50px;
right:0px;
background: #24b298;
color:#fff;
width: 317px;
height: 65px;
}
.fixed_tel{
position: fixed !important;
top:130px !important;
}
#department_tel::before,
#department_tel::after{
position: absolute;
content: "";
width: 0;
height: 0;
left: 20px;
bottom: -30px;
}
#department_tel::before{
border-top: 15px solid #24b298;
border-left: 40px solid #24b298;
border-right: 40px solid transparent;
border-bottom: 15px solid transparent;
}
#department_tel::after{
border-top: 15px solid #fff;
border-left: 10px solid #fff;
border-right: 10px solid transparent;
border-bottom: 15px solid transparent;
}
#department_tel{
line-height: 65px;
text-align: center;
}
#department_tel .tel_title{
font-size: 22px;
letter-spacing: 2px;
padding:0px 5px 0px 20px;
}
#tel_content{
display: inline-block;
width: 160px;
font: oblique 100 40px/40px 'mediumal_ternate';
line-height: 65px;
}
#tel_content span{
float:left;
margin-left:2px;
}
.move_tel{
animation:move_tel 1s linear 0s infinite alternate;
}
@keyframes move_tel{
0% {
margin-top:0px
}
50% {
margin-top:-10px
}
100% {
margin-top:0px;
}
}
/* 招聘岗位 */
#department .recruit_talents{
padding-top:20px;
margin-bottom:110px;
......@@ -997,11 +1069,16 @@
margin-right:30px;
overflow: hidden;
}
#product_service .li_single:hover img{
transform: scale(1.2);
transition: all 0.8s ease-in-out;
}
#product_service .li_single:last-of-type{
margin-right:0px;
}
#product_service .li_single img{
display: block;
transition: all 0.8s ease-in-out;
}
#product_service .service_explain{
position: absolute;
......
css/reset.css
......@@ -242,7 +242,10 @@ button {
font-family: 'calibril';
src: url('../font/calibril.ttf')
}
@font-face{
font-family: 'mediumal_ternate';
src: url('../font/DIN-MEDIUMALTERNATE.OTF')
}
/* video标签去掉右下方下载按钮 */
video::-internal-media-controls-download-button {
display:none;
......
iconfont/demo_fontclass.html
......@@ -312,6 +312,12 @@
<div class="fontclass">.icon-jiantou4-down-copy1</div>
</li>
<li>
<i class="icon iconfont icon-network"></i>
<div class="name">网络</div>
<div class="fontclass">.icon-network</div>
</li>
</ul>
<h2 id="font-class-">font-class引用</h2>
......
iconfont/demo_symbol.html
......@@ -427,6 +427,14 @@
<div class="fontclass">#icon-jiantou4-down-copy1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-network"></use>
</svg>
<div class="name">网络</div>
<div class="fontclass">#icon-network</div>
</li>
</ul>
......
iconfont/demo_unicode.html
......@@ -332,6 +332,12 @@
<div class="code">&amp;#xeae2;</div>
</li>
<li>
<i class="icon iconfont">&#xe502;</i>
<div class="name">网络</div>
<div class="code">&amp;#xe502;</div>
</li>
</ul>
<h2 id="unicode-">unicode引用</h2>
<hr>
......
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
......@@ -170,6 +170,9 @@ Created by iconfont
<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="network" unicode="&#58626;" d="M954.97906087 571.79158261c-24.21982609 57.26163478-58.88445217 108.68090434-103.0322087 152.82866086-44.14664348 44.14775653-95.56591304 78.81238261-152.82754782 103.0322087-59.30295652 25.08354783-122.27673044 37.80118261-187.17384348 37.80118262S384.07457391 852.736 324.77161739 827.6524521700001c-57.26163478-24.21982609-108.68090434-58.88445217-152.82866087-103.0322087-44.14775653-44.14775653-78.81238261-95.56591304-103.03220869-152.82866086-25.08354783-59.30295652-37.80118261-122.27673044-37.80118261-187.17384348s12.71763478-127.87088695 37.80118261-187.17384347c24.21982609-57.26052174 58.88445217-108.68090434 103.03220869-152.82754784 44.14775653-44.14775653 95.56591304-78.81349565 152.82866087-103.03220869 59.30295652-25.08243478 122.27673044-37.80118261 187.17384348-37.80118261s127.87088695 12.71874783 187.17384348 37.80118261c57.26052174 24.21982609 108.68090434 58.88445217 152.82754782 103.03220869 44.14775653 44.14664348 78.81349565 95.56591304 103.0322087 152.82754784 25.08243478 59.30295652 37.80118261 122.27673044 37.8011826 187.17384347s-12.71874783 127.87088695-37.8011826 187.17384348zM547.56285218 535.34052174c19.55617391 0.27046957 39.06226087 0.76020869 58.47485217 1.52264348a2215.80466087 2215.80466087 0 0 1 101.43276522 6.31986087c11.30518261-38.2642087 18.52438261-79.37558261 21.5808-122.94678261H547.56285218V535.34052174z m0 71.3115826V771.99582608c19.60848696-13.55241739 43.82274783-33.21878261 67.97801739-60.32361738 26.06747826-29.25078261 47.9821913-62.48403478 65.42914782-99.0820174-46.67770435-3.50274783-91.39979131-5.32368696-133.40716521-5.93808696z m-71.23478261 161.12751305v-161.06295652a2269.01926957 2269.01926957 0 0 0-115.09982609 4.79610435 2147.72869565 2147.72869565 0 0 0-12.44716522 0.87485217c16.91269565 35.52278261 38.03826087 67.88563479 63.08285218 96.51311304 22.57697392 25.80591305 45.32535652 45.06713043 64.46413913 58.87888696zM354.8850087 540.5451130399999a2364.43937392 2364.43937392 0 0 1 121.44306087-5.12667826v-115.1821913H300.8c3.05196522 43.49662609 10.24890435 84.54678261 21.52069565 122.75199999 10.5216-0.86372174 21.38156522-1.68292174 32.56431305-2.44313043z m-125.47450435-120.30886956H103.89370434c4.35867826 50.92953044 18.04020869 99.92681739 40.22427827 145.00285218 22.54692174-3.98246956 58.80876522-9.74914782 106.19213913-15.18302609-11.02135652-40.84758261-18.01126957-84.23735653-20.89961739-129.81982609z m-0.95610435-71.23478261c2.19826087-43.56897391 10.80987826-87.08674782 25.71241739-130.00236522-49.07742608-5.53850434-86.59144348-11.48549565-109.76946087-15.57370435-22.34991305 45.23408695-36.12716522 94.43172174-40.50365218 145.57718261h124.56069566z m71.34386087 0h176.5298087v-115.80994783c-40.48139131-0.67005217-81.0496-2.37078261-121.44306087-5.12111304-9.36069566-0.63777391-18.48987826-1.31561739-27.39088696-2.02685217-15.9410087 40.65168696-25.22045217 81.85655653-27.69586087 122.95791304z m176.5298087-187.10594782v-146.60118261c-18.8928 17.67179131-40.70845218 40.02726957-62.37273044 66.48765217-20.10601739 24.5581913-37.72326957 49.75081739-52.73488696 75.31742609a2268.80556522 2268.80556522 0 0 0 115.1076174 4.79610435z m71.23478261-152.11408696V161.96229566c38.27422609-0.55986087 78.78344348-2.11812174 120.96556521-5.03874783-14.98935652-25.50539131-32.57099131-50.63902609-52.63137391-75.14045217-23.98274783-29.29530435-48.15248695-53.55853913-68.3341913-72.00166957z m58.47485217 221.96980869a2296.41683478 2296.41683478 0 0 1-58.47485217 1.54045218V349.00146086999996h182.4923826c-2.47874783-41.15478261-11.77822609-82.41530434-27.7581913-123.11930435a2220.49057391 2220.49057391 0 0 1-96.25933913 5.86907826z m195.36250435 117.25022609H919.99721739c-4.37203479-51.08646957-18.12368695-100.23067826-40.42796521-145.42135652a2028.90017392 2028.90017392 0 0 1-104.04285218 14.9581913c15.0016 43.06476522 23.66775652 86.73836522 25.8738087 130.46316522z m-0.95610435 71.23478261c-2.89947826 45.75833043-9.9328 89.30838261-21.02650435 130.29398261a2027.39867826 2027.39867826 0 0 1 100.43325217 14.55304347c22.13843478-45.03373913 35.79325218-93.97648696 40.14747826-144.84702608H800.44410435z m1.13196522 254.01321739a415.37446957 415.37446957 0 0 0 37.89467825-43.58121739 1973.26246957 1973.26246957 0 0 0-83.60848695-11.10817391c-21.73662608 52.07373913-51.00521739 98.96069565-87.14128696 139.50664347a471.77794782 471.77794782 0 0 1-5.99485217 6.5970087c51.40591304-20.32751304 98.5856-51.14991305 138.84994783-91.41426087zM370.432 769.19874783a468.35533913 468.35533913 0 0 1-9.29947826-10.13092174c-36.2317913-40.65391304-65.56271304-87.68-87.31714783-139.92069566-36.01474782 3.87784348-66.20382608 8.06288695-89.29502609 11.65245218a415.59485217 415.59485217 0 0 0 37.79450436 43.44987826c42.67186087 42.67186087 93.11053913 74.74309565 148.11714782 94.94928696zM222.31485218 94.98824348000005a415.6594087 415.6594087 0 0 0-37.38045218 42.9056c25.07241739 3.89342609 58.46706087 8.47471304 98.6445913 12.60855652 20.28966957-39.55979131 45.97982609-78.30928696 76.65196523-115.54281739a754.71916521 754.71916521 0 0 1 39.76570434-44.51617391c-66.51213913 18.7826087-127.4701913 54.33210435-177.68180869 104.54483478z m409.87714782-102.11617391a753.56605218 753.56605218 0 0 1 37.43053913 42.08862608c30.57419131 37.11332174 56.19422609 75.73481739 76.45384348 115.16215652a1981.568 1981.568 0 0 0 92.97029565-12.10991304 415.54365217 415.54365217 0 0 0-37.47060869-43.0235826c-48.11686957-48.11909565-106.09975652-82.78038261-169.38406957-102.11728696z" horiz-adv-x="1024" />
</font>
......
iconfont/iconfont.ttf
No preview for this file type
index.html
......@@ -23,21 +23,20 @@
<body>
<!-- 头部 -->
<a id="top" name="top"></a>
<header id="header">
<!-- 固定顶部导航 -->
<div id="top_nav" class="header_scroll">
<div class="main_body clear">
<a class="logo left" href="./index.html#top">
<a class="logo left" href="./index.html#header">
<img src="./images/brand_first.png" alt="" class="left">
<p class="left">千家地产</p>
</a>
<div class="nav right">
<a class="nav_first" href="./index.html#top">首页</a>
<a href="#to_company">公司介绍</a>
<a href="#to_department">招贤纳士</a>
<a href="#to_cours">发展历程</a>
<a href="#to_product">产品服务</a>
<a class="nav_first" href="./index.html#header">首页</a>
<a href="#introduce">公司介绍</a>
<a href="#department">招贤纳士</a>
<a href="#cours">发展历程</a>
<a href="#product_service">产品服务</a>
<a href="./contactus.html">品牌加盟</a>
<a class="nav_last" href="about.html">千家风采</a>
</div>
......@@ -129,7 +128,6 @@
</ul>
</div>
<!-- 公司介绍 -->
<a id="to_company" name="to_company"></a>
<div id="introduce" class="main_body">
<div class="model_top">
<div class="model_title wow animated fadeInUp">公司介绍</div>
......@@ -223,8 +221,20 @@
</div>
</div>
<!-- 招贤纳士 -->
<a id="to_department" name="to_department"></a>
<div id="department" class="main_body">
<div id="department_tel">
<span class="tel_title left">招聘热线:</span>
<div id="tel_content" class="left">
<span>8</span>
<span>0</span>
<span>8</span>
<span>0</span>
<span>0</span>
<span>0</span>
<span>1</span>
</div>
</div>
<div class="main_body">
<div class="model_top">
<div class="model_title wow animated fadeInUp">招贤纳士</div>
<p class="model_eng wow animated fadeInUp">RECRUIT</p>
......@@ -437,7 +447,7 @@
</li>
<li class="talents_data talents_data4 right">
<div class="datahead clear">
<p class="iconfont icon-wangluo left"></p>
<p class="iconfont icon-network left"></p>
<p class="department_name left">
<span class="department">网络部</span>
<span>3个月晋升,按能力定级--发展无限制</span>
......@@ -639,8 +649,8 @@
</div>
</div>
</div>
</div>
<!-- 发展历程 -->
<a id="to_cours" name="to_cours"></a>
<div id="cours" class="wow">
<div class="main_body cours_content">
<div class="cours_left cours_later">
......@@ -714,7 +724,6 @@
</div>
</div>
<!-- 产品服务 -->
<a id="to_product" name="to_product"></a>
<div id="product_service">
<div class="model_top">
<div class="model_title wow animated fadeInUp">产品服务</div>
......@@ -751,7 +760,7 @@
</li>
</ul>
<div class="product_tel">
<div>产品服务电话：8080073/8080073</div>
<div>产品服务电话：8080073/8080082</div>
</div>
</div>
</div>
......
js/about.js
......@@ -74,55 +74,7 @@ window.onload = function () {
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()
}
......@@ -132,7 +84,7 @@ window.onload = function () {
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 scroll_four = document.getElementById("scroll_four").offsetTop -180
let show_sidebar = document.getElementById("show_sidebar")
let sidebar_li = show_sidebar.getElementsByTagName("a")
let show_top = show_sidebar.getElementsByTagName("div")[0]
......
js/index.js
......@@ -23,16 +23,19 @@ window.onload = function () {
click_a[this.index].classList.add("choosed")
}
}
// 导航条滚动加载样式
// 鼠标滚动事件
function home_scroll() {
// 导航条滚动加载样式
let scrollTop = document.documentElement.scrollTop || document.body.scrollTop
let home_one = document.getElementById("top").offsetTop - 90
let home_one = document.getElementById("header").offsetTop - 90
let home_two = document.getElementById("introduce").offsetTop - 90
let home_three = document.getElementById("department").offsetTop - 90
let home_four = document.getElementById("cours").offsetTop - 90
let home_five = document.getElementById("product_service").offsetTop - 90
let nav = document.getElementsByClassName("nav")[0];
let click_a = nav.getElementsByTagName("a");
let department_tel = document.getElementById("department_tel")
for (let i = 0; i < click_a.length; i++) {
click_a[i].classList.remove("choosed")
switch (true) {
......@@ -59,6 +62,16 @@ window.onload = function () {
home_scroll()
scroll()
}
// 招聘热线 文字跳动
var tel_content = document.getElementById("tel_content");
var move_span = tel_content.getElementsByTagName("span")
for(var s = 0 ; s < move_span.length ; s++){
(function(e){
var timer = setInterval(function(){
move_span[e].classList.add("move_tel")
},e*200)
})(s)
}
// 公司介绍品牌切换
var first = document.getElementsByClassName("first_introduce")[0];
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论