Skip to content

T
test
提交 9fec0fc3 作者: 武宏岩
操作

细节修改

上级 86e81661
正在显示 包含 167 行增加 和 26 行删除
contactus.html
...@@ -16,6 +16,7 @@ ...@@ -16,6 +16,7 @@
<script src="./js/common.js"></script> <script src="./js/common.js"></script>
<script src="./js/commons.js"></script> <script src="./js/commons.js"></script>
<script src="./js/jquery-1.11.1.js"></script> <script src="./js/jquery-1.11.1.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
</head> </head>
<body> <body>
...@@ -138,7 +139,9 @@ ...@@ -138,7 +139,9 @@
<div class="thirty-two">32%</div> <div class="thirty-two">32%</div>
<div class="sixty-seven">67%</div> <div class="sixty-seven">67%</div>
<div class="center_text"> <div class="center_text">
唐山市最大的房产经纪公司，现有<span class="green">3000多</span>位专业经纪人，拥有国家经纪人资格<span class="green">223人</span>，协理<span class="green">300人</span>，截止到2018年5月，二手房产市场占有率达到<span class="green">85%</span>，每<span class="green">100笔</span>房产交易中就有<span class="green">85个</span>是千家地产完成交易的，总能第一时间掌握一手新房源，变现率高，多元化盈利，增加利润 <div>唐山市最大的房产经纪公司，现有<span class="green">3000多</span>位专业经纪人，拥有国家经纪人资格<span class="green">223人</span>，协理<span class="green">300人</span>，截止到2018</div>
<div>年5月，二手房产市场占有率达到<span class="green">85%</span>，每<span class="green">100笔</span>房产交易中就有<span class="green">85个</span>是千家地产完成交易的，总能第一时间掌握</div>
<div style="margin-top:8px;">一手新房源，变现率高，多元化盈利，增加利润</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -292,7 +295,7 @@ ...@@ -292,7 +295,7 @@
<a id="to_map" name="to_map"></a> <a id="to_map" name="to_map"></a>
<div id="qj_map"> <div id="qj_map">
<div class="model_top"> <div class="model_top">
<div class="model_title">联系我们</div> <div class="model_title">千家大地图</div>
<p class="model_eng">CONTACT US</p> <p class="model_eng">CONTACT US</p>
</div> </div>
<div class="introduce_box wow animated fadeInUp"> <div class="introduce_box wow animated fadeInUp">
...@@ -313,6 +316,8 @@ ...@@ -313,6 +316,8 @@
</div> </div>
</div> </div>
</div> </div>
<!--百度地图容器-->
<!-- <div id="dituContent"></div> -->
<!-- 底部 --> <!-- 底部 -->
<footer id="footer"> <footer id="footer">
<div class="service_img"> <div class="service_img">
......
css/contactus.css
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
#poster .poster_banner{ #poster .poster_banner{
width:100%; width:100%;
height:100%; height:100%;
background: url('../images/company_posters.png') center; background: url('../images/company_posters.jpg') center;
} }
#poster .poster_banner .main_body{ #poster .poster_banner .main_body{
position: relative; position: relative;
...@@ -236,13 +236,13 @@ ...@@ -236,13 +236,13 @@
border-top:20px solid #12ab8d; border-top:20px solid #12ab8d;
border-right:20px solid #12ab8d; border-right:20px solid #12ab8d;
right:0; right:0;
-webkit-animation: circleProgressLoad_right 5s linear forwards; -webkit-animation: circleProgressLoad_right 2s linear forwards;
} }
.circleProgress_wrapper .wrapper .leftcircle{ .circleProgress_wrapper .wrapper .leftcircle{
border-bottom:20px solid #12ab8d; border-bottom:20px solid #12ab8d;
border-left:20px solid #12ab8d; border-left:20px solid #12ab8d;
left:0; left:0;
-webkit-animation: circleProgressLoad_left 5s linear forwards; -webkit-animation: circleProgressLoad_left 2s linear forwards;
} }
@-webkit-keyframes circleProgressLoad_right{ @-webkit-keyframes circleProgressLoad_right{
0%{ 0%{
...@@ -640,4 +640,23 @@ ...@@ -640,4 +640,23 @@
font-size: 20px; font-size: 20px;
color:#464646; color:#464646;
letter-spacing: 1px; letter-spacing: 1px;
} }
\ No newline at end of file /* 百度地图 */
/* #dituContent{
height: 900px;
}
.iw_poi_title {
color:#CC5522;
font-size:14px;
font-weight:bold;
overflow:hidden;
padding-right:13px;
white-space:nowrap
}
.iw_poi_content {
font:12px arial,sans-serif;
overflow:visible;
padding-top:4px;
white-space:-moz-pre-wrap;
word-wrap:break-word
} */
\ No newline at end of file
css/index.css
...@@ -143,7 +143,7 @@ ...@@ -143,7 +143,7 @@
background: url('../images/banner3.jpg') no-repeat; background: url('../images/banner3.jpg') no-repeat;
} }
#header .banner_box3 .banner_text { #header .banner_box3 .banner_text {
top: 38%; top: 60%;
text-align: right; text-align: right;
} }
#header .banner_box3 .banner_text p { #header .banner_box3 .banner_text p {
...@@ -246,6 +246,11 @@ ...@@ -246,6 +246,11 @@
#support li { #support li {
float: left; float: left;
width: 25%; width: 25%;
position: relative;
top: 0;
}
#support li:hover{
top: -5px;
} }
#support li img { #support li img {
/* height: 83px; */ /* height: 83px; */
...@@ -271,15 +276,35 @@ ...@@ -271,15 +276,35 @@
} }
#support .support_person div { #support .support_person div {
background: url('../images/icon1.png') no-repeat center; background: url('../images/icon1.png') no-repeat center;
transition:background 0.8s;
}
#support .support_person:hover div{
background: url('../images/icon1_1.png') no-repeat center;
transition:background 0.8s;
} }
#support .support_house div { #support .support_house div {
background: url('../images/icon2.png') no-repeat center; background: url('../images/icon2.png') no-repeat center;
transition:background 0.8s;
}
#support .support_house:hover div{
background: url('../images/icon2_1.png') no-repeat center;
transition:background 0.8s;
} }
#support .support_network div { #support .support_network div {
background: url('../images/icon3.png') no-repeat center; background: url('../images/icon3.png') no-repeat center;
transition:background 0.8s;
}
#support .support_network:hover div{
background: url('../images/icon3_1.png') no-repeat center;
transition:background 0.8s;
} }
#support .support_warrant div { #support .support_warrant div {
background: url('../images/icon4.png') no-repeat center; background: url('../images/icon4.png') no-repeat center;
transition:background 0.8s;
}
#support .support_warrant:hover div{
background: url('../images/icon4_1.png') no-repeat center;
transition:background 0.8s;
} }
/* 模块头部 */ /* 模块头部 */
.model_top .model_title { .model_top .model_title {
......
index.html
...@@ -611,23 +611,22 @@ ...@@ -611,23 +611,22 @@
<div class="salsry_text salsry_left left"> <div class="salsry_text salsry_left left">
<div class="selary"> <div class="selary">
<h1> <h1>
<span>岗位工资</span> <span>岗位工资</span><span class="salsry_color">3500起</span>
<span class="salsry_color">3500起</span>
</h1> </h1>
<p>新人入职一个月，最高月薪5000元（岗位工资3500元</p> <p>新人入职一个月，最高月薪5000元（岗位工资3500元</p>
<p>+补贴800元+新人首月前6单签单奖金1200元）</p> <p>+补贴800元+新人首月前6单签单奖金1200元）</p>
</div> </div>
<div class="welfare"> <div class="welfare">
<h1> <h1>
<span class="salsry_color">五险</span> <span class="salsry_color">五险</span><span>福利</span>
<span>福利</span>
</h1> </h1>
<p>新人入职半年后统一上五险</p> <p>新人入职半年后统一上五险</p>
</div> </div>
<div class="performance"> <div class="performance">
<h1> <h1>
<span class="salsry_color">35%</span> <span class="salsry_color">35%</span><span>高提成</span>
<span>高提成</span>
</h1> </h1>
<p>采用双月绩效考核，级别越高，提成越高，最高</p> <p>采用双月绩效考核，级别越高，提成越高，最高</p>
<p>达到35%</p> <p>达到35%</p>
...@@ -651,8 +650,8 @@ ...@@ -651,8 +650,8 @@
</div> </div>
<div class="education_addition"> <div class="education_addition">
<h1> <h1>
<span class="salsry_color">学历</span> <span class="salsry_color">学历</span><span>加成</span>
<span>加成</span>
</h1> </h1>
<p>拥有统招全日制（不限专业）:</p> <p>拥有统招全日制（不限专业）:</p>
<p>本科学历，所有岗位每月工资+200元</p> <p>本科学历，所有岗位每月工资+200元</p>
...@@ -661,8 +660,8 @@ ...@@ -661,8 +660,8 @@
</div> </div>
<div class="certificate_addition"> <div class="certificate_addition">
<h1> <h1>
<span class="salsry_color">证书</span> <span class="salsry_color">证书</span><span>加成</span>
<span>加成</span>
</h1> </h1>
<p>考取经纪人资格证书，每月岗位工资+500元</p> <p>考取经纪人资格证书，每月岗位工资+500元</p>
<p>经纪人协理资格证书，每月岗位工资+200元</p> <p>经纪人协理资格证书，每月岗位工资+200元</p>
......
js/commons.js
...@@ -17,17 +17,109 @@ window.onscroll=function(){ ...@@ -17,17 +17,109 @@ window.onscroll=function(){
if(num==85){ if(num==85){
clearInterval(t); clearInterval(t);
} }
},60); },25);
aaa = false; aaa = false;
} }
} }
// 地图的坐标 // 地图的坐标
if(topScroll >= 3900){ if(topScroll >= 3900){
setTimeout(function(){ setTimeout(function(){
var sha=document.getElementsByClassName("shadowd")[0]; var sha=document.getElementsByClassName("shadowd")[0];
var map=document.getElementsByClassName("maps")[0]; var map=document.getElementsByClassName("maps")[0];
map.classList.add("add"); map.classList.add("add");
sha.classList.add("sha"); sha.classList.add("sha");
},1000); },1000);
} }
// 百度地图
//创建和初始化地图函数：
// function initMap(){
// createMap();//创建地图
// setMapEvent();//设置地图事件
// addMapControl();//向地图添加控件
// addMarker();//向地图中添加marker
// arr();//初始显示内容
// }
// //创建地图函数：
// function createMap(){
// var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
// var point = new BMap.Point(118.147422,39.652433);//定义一个中心点坐标
// map.centerAndZoom(point,17);//设定地图的中心点和坐标并将地图显示在地图容器中
// window.map = map;//将map变量存储在全局
// }
// //地图事件设置函数：
// function setMapEvent(){
// map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
// map.enableScrollWheelZoom();//启用地图滚轮放大缩小
// map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
// map.enableKeyboard();//启用键盘上下左右键移动地图
// }
// //地图控件添加函数：
// function addMapControl(){
// //向地图中添加缩放控件
// var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,type:BMAP_NAVIGATION_CONTROL_ZOOM});
// map.addControl(ctrl_nav);
// //向地图中添加缩略图控件
// // var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_TOP_LEFT,isOpen:1});
// // map.addControl(ctrl_ove);
// //向地图中添加比例尺控件
// var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
// map.addControl(ctrl_sca);
// }
// //标注点数组
// var markerArr = [
// {title:"路过",content:"我的备注",point:"118.143658|39.650641",isOpen:0,icon:{w:30,h:30,l:0,t:0,x:9,lb:12}}
// ];
// //创建marker
// function addMarker(){
// for(var i=0;i<markerArr.length;i++){
// (function(){
// createInfoWindow(i);
// })()
// }
// }
// //创建InfoWindow
// function createInfoWindow(i){
// var json = markerArr[i];
// var p0 = json.point.split("|")[0];
// var p1 = json.point.split("|")[1];
// var point = new BMap.Point(p0,p1);
// var iconImg = createIcon(json.icon);
// var marker = new BMap.Marker(point,{icon:iconImg});
// map.addOverlay(marker); // 将标注添加到地图中
// map.centerAndZoom(point, 17);
// var opts = {
// width : 200, // 信息窗口宽度
// height: 100, // 信息窗口高度
// title : json.title , // 信息窗口标题
// content : json.content //详情
// }
// var infoWindow = new BMap.InfoWindow(json.title,json.content, opts);
// marker.addEventListener("click", function(){
// map.openInfoWindow(infoWindow,point); //开启信息窗口
// });
// }
// //创建一个Icon
// function createIcon(json){
// var pt = new BMap.Point(118.148300,39.652700);
// var myIcon = new BMap.Icon("images/coordinates.png", new BMap.Size(60,72));
// var marker2 = new BMap.Marker(pt,{icon:myIcon}); // 创建标注
// map.addOverlay(marker2);
// var icon = new BMap.Icon("images/ditu.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
// return icon;
// }
// function arr(){
// var pt = new BMap.Point(118.148300,39.653300);
// var sContent ="<p style='font-size:25px;margin-top:10px;'>"+"汇金中心8层"+"<span style='color:#12ab8c;margin-left:10px;font-weight: bold;'>"+ "千家总部"+"</span></p>";
// var infoWindow = new BMap.InfoWindow(sContent); // 创建信息窗口对象
// map.openInfoWindow(infoWindow,pt); //开启信息窗口
// }
// initMap()//创建和初始化地图
} }
\ No newline at end of file
js/index.js
...@@ -288,7 +288,7 @@ window.onload = function () { ...@@ -288,7 +288,7 @@ window.onload = function () {
// 公司介绍品牌切换 // 公司介绍品牌切换
var first = document.getElementsByClassName("first_introduce")[0]; var first = document.getElementsByClassName("first_introduce")[0];
var second = document.getElementsByClassName("second_introduce")[0]; var second = document.getElementsByClassName("second_introduce")[0];
second.onclick = function () { second.onmouseover = function () {
this.style.right = "30px"; this.style.right = "30px";
this.style.animation = "smallBig .6s ease forwards"; this.style.animation = "smallBig .6s ease forwards";
this.style.zIndex = "5"; this.style.zIndex = "5";
...@@ -296,7 +296,7 @@ window.onload = function () { ...@@ -296,7 +296,7 @@ window.onload = function () {
first.style.zIndex = "4"; first.style.zIndex = "4";
first.style.animation = "bigSmall .6s ease forwards"; first.style.animation = "bigSmall .6s ease forwards";
} }
first.onclick = function () { first.onmouseover = function () {
this.style.left = 0; this.style.left = 0;
this.style.animation = "toInit2 .6s ease forwards"; this.style.animation = "toInit2 .6s ease forwards";
this.style.zIndex = "5"; this.style.zIndex = "5";
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论