Skip to content

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

细节修改

上级 86e81661
正在显示 包含 161 行增加 和 19 行删除
contactus.html
......@@ -16,6 +16,7 @@
<script src="./js/common.js"></script>
<script src="./js/commons.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>
<body>
......@@ -138,7 +139,9 @@
<div class="thirty-two">32%</div>
<div class="sixty-seven">67%</div>
<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>
......@@ -292,7 +295,7 @@
<a id="to_map" name="to_map"></a>
<div id="qj_map">
<div class="model_top">
<div class="model_title">联系我们</div>
<div class="model_title">千家大地图</div>
<p class="model_eng">CONTACT US</p>
</div>
<div class="introduce_box wow animated fadeInUp">
......@@ -313,6 +316,8 @@
</div>
</div>
</div>
<!--百度地图容器-->
<!-- <div id="dituContent"></div> -->
<!-- 底部 -->
<footer id="footer">
<div class="service_img">
......
css/contactus.css
......@@ -7,7 +7,7 @@
#poster .poster_banner{
width:100%;
height:100%;
background: url('../images/company_posters.png') center;
background: url('../images/company_posters.jpg') center;
}
#poster .poster_banner .main_body{
position: relative;
......@@ -236,13 +236,13 @@
border-top:20px solid #12ab8d;
border-right:20px solid #12ab8d;
right:0;
-webkit-animation: circleProgressLoad_right 5s linear forwards;
-webkit-animation: circleProgressLoad_right 2s linear forwards;
}
.circleProgress_wrapper .wrapper .leftcircle{
border-bottom:20px solid #12ab8d;
border-left:20px solid #12ab8d;
left:0;
-webkit-animation: circleProgressLoad_left 5s linear forwards;
-webkit-animation: circleProgressLoad_left 2s linear forwards;
}
@-webkit-keyframes circleProgressLoad_right{
0%{
......@@ -641,3 +641,22 @@
color:#464646;
letter-spacing: 1px;
}
/* 百度地图 */
/* #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 @@
background: url('../images/banner3.jpg') no-repeat;
}
#header .banner_box3 .banner_text {
top: 38%;
top: 60%;
text-align: right;
}
#header .banner_box3 .banner_text p {
......@@ -246,6 +246,11 @@
#support li {
float: left;
width: 25%;
position: relative;
top: 0;
}
#support li:hover{
top: -5px;
}
#support li img {
/* height: 83px; */
......@@ -271,15 +276,35 @@
}
#support .support_person div {
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 {
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 {
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 {
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 {
......
index.html
......@@ -611,23 +611,22 @@
<div class="salsry_text salsry_left left">
<div class="selary">
<h1>
<span>岗位工资</span>
<span class="salsry_color">3500起</span>
<span>岗位工资</span><span class="salsry_color">3500起</span>
</h1>
<p>新人入职一个月，最高月薪5000元（岗位工资3500元</p>
<p>+补贴800元+新人首月前6单签单奖金1200元）</p>
</div>
<div class="welfare">
<h1>
<span class="salsry_color">五险</span>
<span>福利</span>
<span class="salsry_color">五险</span><span>福利</span>
</h1>
<p>新人入职半年后统一上五险</p>
</div>
<div class="performance">
<h1>
<span class="salsry_color">35%</span>
<span>高提成</span>
<span class="salsry_color">35%</span><span>高提成</span>
</h1>
<p>采用双月绩效考核，级别越高，提成越高，最高</p>
<p>达到35%</p>
......@@ -651,8 +650,8 @@
</div>
<div class="education_addition">
<h1>
<span class="salsry_color">学历</span>
<span>加成</span>
<span class="salsry_color">学历</span><span>加成</span>
</h1>
<p>拥有统招全日制（不限专业）:</p>
<p>本科学历，所有岗位每月工资+200元</p>
......@@ -661,8 +660,8 @@
</div>
<div class="certificate_addition">
<h1>
<span class="salsry_color">证书</span>
<span>加成</span>
<span class="salsry_color">证书</span><span>加成</span>
</h1>
<p>考取经纪人资格证书，每月岗位工资+500元</p>
<p>经纪人协理资格证书，每月岗位工资+200元</p>
......
js/commons.js
......@@ -17,7 +17,7 @@ window.onscroll=function(){
if(num==85){
clearInterval(t);
}
},60);
},25);
aaa = false;
}
}
......@@ -30,4 +30,96 @@ window.onscroll=function(){
sha.classList.add("sha");
},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 () {
// 公司介绍品牌切换
var first = document.getElementsByClassName("first_introduce")[0];
var second = document.getElementsByClassName("second_introduce")[0];
second.onclick = function () {
second.onmouseover = function () {
this.style.right = "30px";
this.style.animation = "smallBig .6s ease forwards";
this.style.zIndex = "5";
......@@ -296,7 +296,7 @@ window.onload = function () {
first.style.zIndex = "4";
first.style.animation = "bigSmall .6s ease forwards";
}
first.onclick = function () {
first.onmouseover = function () {
this.style.left = 0;
this.style.animation = "toInit2 .6s ease forwards";
this.style.zIndex = "5";
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论