init
This commit is contained in:
144
template/default/html/contact.html
Normal file
144
template/default/html/contact.html
Normal file
@@ -0,0 +1,144 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<!--[if lt IE 9]>
|
||||
<script type="text/javascript" src="{pboot:sitedomain}/skin/js/html5.js"></script>
|
||||
<![endif]-->
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<title>{sort:title}</title>
|
||||
<meta name="keywords" content="{sort:keywords}">
|
||||
<meta name="description" content="{sort:description}">
|
||||
<script type="text/javascript" src="{pboot:sitedomain}/skin/js/jquery.min.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="{pboot:sitedomain}/skin/css/owl.carousel.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="{pboot:sitedomain}/skin/css/animate.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="{pboot:sitedomain}/skin/css/global.css">
|
||||
<link rel="stylesheet" type="text/css" href="{pboot:sitedomain}/skin/css/style.css">
|
||||
<script type="text/javascript" src="{pboot:sitedomain}/skin/js/wow.js"></script>
|
||||
<script type="text/javascript" src="{pboot:sitedomain}/skin/js/main.js"></script>
|
||||
<script type="text/javascript" src="{pboot:sitedomain}/skin/js/owl.carousel.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-------------------------------------- 头部开始 -------------------------------------->
|
||||
{include file=head.html}
|
||||
<!-------------------------------------- 头部结束 -------------------------------------->
|
||||
<!-------------------------------------- 内容开始 -------------------------------------->
|
||||
<div class="mainer">
|
||||
<div class="wrap">
|
||||
<div class="contact">
|
||||
<div class="img wow fadeInUp" data-wow-delay=".1s">
|
||||
<div id="allmap" style="width:100%; height:400px; margin:20px auto"></div>
|
||||
<script type="text/javascript" src="https://api.map.baidu.com/getscript?v=2.0&ak=DsyzV6aY9pNspbZrMHG6tSQ9dWUTSOHA=&t=20180323171755"></script>
|
||||
<script>
|
||||
$(function () {
|
||||
ShowMap('{pboot:companyother}', 'cname', 'address', 'tel', 'fax', 'email', '18');
|
||||
})
|
||||
function ShowMap(zuobiao, name, addrsee, phone, chuanzhen, email, zoom) {
|
||||
var arrzuobiao = zuobiao.split(',');
|
||||
var map = new BMap.Map("allmap");
|
||||
map.centerAndZoom(new BMap.Point(arrzuobiao[0], arrzuobiao[1]), zoom);
|
||||
map.addControl(new BMap.NavigationControl());
|
||||
var marker = new BMap.Marker(new BMap.Point(arrzuobiao[0], arrzuobiao[1]));
|
||||
map.addOverlay(marker);
|
||||
var infoWindow = new BMap.InfoWindow('<p>{pboot:companyaddress}</p><p> </p><p>电话:{pboot:companyphone}</p>');
|
||||
marker.addEventListener("click", function () {
|
||||
this.openInfoWindow(infoWindow);
|
||||
});
|
||||
marker.openInfoWindow(infoWindow);
|
||||
}
|
||||
</script>
|
||||
</div>
|
||||
<div class="cont_rt wow fadeInUp" data-wow-delay=".1s">
|
||||
<div class="contact_box">
|
||||
<div class="tit">
|
||||
<h3>用户留言</h3>
|
||||
<span></span></div>
|
||||
<form action="{pboot:msgaction}" method="post" onsubmit="return checkForm();">
|
||||
<div class="list">
|
||||
<ul>
|
||||
<li><span>姓名:</span>
|
||||
<div class="div_input">
|
||||
<input type='text' name='name' id='name'>
|
||||
</div>
|
||||
</li>
|
||||
<li><span>电话:</span>
|
||||
<div class="div_input">
|
||||
<input type='text' name='tel' id='tel'>
|
||||
</div>
|
||||
</li>
|
||||
<li><span>邮箱:</span>
|
||||
<div class="div_input">
|
||||
<input type='text' name='email' id='email'>
|
||||
</div>
|
||||
</li>
|
||||
<li class="li_last"><span>写下您的需求和建议:</span>
|
||||
<div class="div_input">
|
||||
<textarea type='text' name='content' id='content'></textarea>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="clear"></div>
|
||||
<div class="btn1"><a onclick="$('form').submit()"><span>提交留言</span></a></div>
|
||||
</div>
|
||||
</form>
|
||||
<script type="text/javascript">
|
||||
function checkForm()
|
||||
{
|
||||
if(document.getElementById('name').value.length == 0)
|
||||
{
|
||||
alert('姓名不能为空!');
|
||||
return false;
|
||||
}
|
||||
if(document.getElementById('tel').value.length == 0)
|
||||
{
|
||||
alert('电话不能为空!');
|
||||
return false;
|
||||
}
|
||||
if(document.getElementById('email').value.length == 0)
|
||||
{
|
||||
alert('邮箱不能为空!');
|
||||
return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="c_list wow_list">
|
||||
<ul>
|
||||
<li class="fadeInUp wow">
|
||||
<div class="img"><img src="{pboot:sitedomain}/skin/images/icon13.png"/><i class="i1 animated wow infinite flash"></i></div>
|
||||
<div class="text">
|
||||
<h4>电 话</h4>
|
||||
<p>{pboot:companyphone}</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="fadeInUp wow">
|
||||
<div class="img"><img src="{pboot:sitedomain}/skin/images/icon14.png"/><i class="i2 animated wow infinite bounceInLeft"></i></div>
|
||||
<div class="text">
|
||||
<h4>邮 箱</h4>
|
||||
<p>{pboot:companyemail} </p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="fadeInUp wow">
|
||||
<div class="img"><img src="{pboot:sitedomain}/skin/images/icon15.png"/><i class="i3 animated wow infinite rubberBand"></i></div>
|
||||
<div class="text">
|
||||
<h4>地 址</h4>
|
||||
<p>{pboot:companyaddress} </p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-------------------------------------- 内容结束 -------------------------------------->
|
||||
<!-------------------------------------- 尾部开始 -------------------------------------->
|
||||
{include file=foot.html}
|
||||
<!-------------------------------------- 尾部结束 -------------------------------------->
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user