376 lines
19 KiB
HTML
376 lines
19 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||
<title>门店分布</title>
|
||
<link rel="stylesheet" href="./css/page/distribution.css">
|
||
</head>
|
||
|
||
<body>
|
||
<!-- 头部start -->
|
||
<header>
|
||
<div class="header flex-con1">
|
||
<div class="logo flex-con2">
|
||
<img src="./img/logo1.png" alt="" srcset="">
|
||
<img src="./img/logo2.png" alt="" srcset="">
|
||
</div>
|
||
<div class="menu">
|
||
<ul>
|
||
<li>
|
||
<a class="a" href="./index.html">首页</a>
|
||
</li>
|
||
<li>
|
||
<a class="a" href="./aboutIsa.html">关于伊莎</a>
|
||
<section class="nav-item nav-menu">
|
||
<section><a href="./aboutIsa.html?id=0">品牌理念</a></section>
|
||
<section><a href="./aboutIsa.html?id=1">发展历程</a></section>
|
||
<section><a href="./aboutIsa.html?id=2">企业生态</a></section>
|
||
<section><a href="./aboutIsa.html?id=3">荣誉客户</a></section>
|
||
</section>
|
||
</li>
|
||
<li>
|
||
<a class="a" href="./products.html">产品与服务</a>
|
||
<section class="nav-item nav-menu">
|
||
<section><a href="./products.html?id=0">服务范围</a></section>
|
||
<section><a href="./products.html?id=1">品质管控</a></section>
|
||
<section><a href="./products.html?id=2">团体洗衣</a></section>
|
||
<section><a href="./products.html?id=3">我要洗衣</a></section>
|
||
</section>
|
||
</li>
|
||
<li class="nav-item liactive">
|
||
<a class="a" href="./distribution.html">门店分布</a>
|
||
</li>
|
||
<li>
|
||
<a class="a" href="./Join.html">招商加盟</a>
|
||
<section class="nav-item nav-menu">
|
||
<section><a href="./Join.html?id=0">加盟优势</a></section>
|
||
<section><a href="./Join.html?id=1">加盟流程</a></section>
|
||
<section><a href="./Join.html?id=2">我要加盟</a></section>
|
||
</section>
|
||
</li>
|
||
<li>
|
||
<a class="a" href="./news.html">媒体中心</a>
|
||
<section class="nav-item nav-menu">
|
||
<section><a href="./news.html?id=0">公司动态</a></section>
|
||
<section><a href="./news.html?id=1">通知公告</a></section>
|
||
<section><a href="./news.html?id=2">行业资讯</a></section>
|
||
</section>
|
||
</li>
|
||
<li>
|
||
<a class="a" href="./joinIsa.html">加入伊莎</a>
|
||
<section class="nav-item nav-menu">
|
||
<section><a href="./joinIsa.html?id=0">关于我们</a></section>
|
||
<section><a href="./joinIsa.html?id=1">团队风采</a></section>
|
||
<section><a href="./joinIsa.html?id=2">加入我们</a></section>
|
||
</section>
|
||
</li>
|
||
<li>
|
||
<a class="a" href="./contactus.html">联系我们</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="wheel">
|
||
<div id="allmap"></div>
|
||
</div>
|
||
</header>
|
||
<!-- 头部end -->
|
||
<!-- 内容start -->
|
||
<div class="main">
|
||
<div class="row b7">
|
||
<div class="products rowp">
|
||
<div class="title wow fadeInUp">
|
||
<h4>伊莎洗衣门店</h4>
|
||
<p>Isa's Laundry</p>
|
||
</div>
|
||
<div class="dis-cen">
|
||
<!-- 主要内容 -->
|
||
<div class="dis-row">
|
||
<h4 class="wow fadeInUp">“庐阳区”</h4>
|
||
<ul class="disul">
|
||
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
|
||
<div class="disli">
|
||
<h5>舒城路店</h5>
|
||
<p>电话：62602756</p>
|
||
<p>地址：舒城路2号红府超市入口处</p>
|
||
</div>
|
||
</li>
|
||
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
|
||
<div class="disli">
|
||
<h5>舒城路店</h5>
|
||
<p>电话：62602756</p>
|
||
<p>地址：舒城路2号红府超市入口处</p>
|
||
</div>
|
||
</li>
|
||
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
|
||
<div class="disli">
|
||
<h5>舒城路店</h5>
|
||
<p>电话：62602756</p>
|
||
<p>地址：舒城路2号红府超市入口处</p>
|
||
</div>
|
||
</li>
|
||
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
|
||
<div class="disli">
|
||
<h5>舒城路店</h5>
|
||
<p>电话：62602756</p>
|
||
<p>地址：舒城路2号红府超市入口处</p>
|
||
</div>
|
||
</li>
|
||
<div class="clear"></div>
|
||
</ul>
|
||
</div>
|
||
<div class="dis-row">
|
||
<h4 class="wow fadeInUp">“庐阳区”</h4>
|
||
<ul class="disul">
|
||
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
|
||
<div class="disli">
|
||
<h5>舒城路店</h5>
|
||
<p>电话：62602756</p>
|
||
<p>地址：舒城路2号红府超市入口处</p>
|
||
</div>
|
||
</li>
|
||
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
|
||
<div class="disli">
|
||
<h5>舒城路店</h5>
|
||
<p>电话：62602756</p>
|
||
<p>地址：舒城路2号红府超市入口处</p>
|
||
</div>
|
||
</li>
|
||
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
|
||
<div class="disli">
|
||
<h5>舒城路店</h5>
|
||
<p>电话：62602756</p>
|
||
<p>地址：舒城路2号红府超市入口处</p>
|
||
</div>
|
||
</li>
|
||
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
|
||
<div class="disli">
|
||
<h5>舒城路店</h5>
|
||
<p>电话：62602756</p>
|
||
<p>地址：舒城路2号红府超市入口处</p>
|
||
</div>
|
||
</li>
|
||
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
|
||
<div class="disli">
|
||
<h5>舒城路店</h5>
|
||
<p>电话：62602756</p>
|
||
<p>地址：舒城路2号红府超市入口处</p>
|
||
</div>
|
||
</li>
|
||
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
|
||
<div class="disli">
|
||
<h5>舒城路店</h5>
|
||
<p>电话：62602756</p>
|
||
<p>地址：舒城路2号红府超市入口处</p>
|
||
</div>
|
||
</li>
|
||
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
|
||
<div class="disli">
|
||
<h5>舒城路店</h5>
|
||
<p>电话：62602756</p>
|
||
<p>地址：舒城路2号红府超市入口处</p>
|
||
</div>
|
||
</li>
|
||
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
|
||
<div class="disli">
|
||
<h5>舒城路店</h5>
|
||
<p>电话：62602756</p>
|
||
<p>地址：舒城路2号红府超市入口处</p>
|
||
</div>
|
||
</li>
|
||
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
|
||
<div class="disli">
|
||
<h5>舒城路店</h5>
|
||
<p>电话：62602756</p>
|
||
<p>地址：舒城路2号红府超市入口处</p>
|
||
</div>
|
||
</li>
|
||
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
|
||
<div class="disli">
|
||
<h5>舒城路店</h5>
|
||
<p>电话：62602756</p>
|
||
<p>地址：舒城路2号红府超市入口处</p>
|
||
</div>
|
||
</li>
|
||
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
|
||
<div class="disli">
|
||
<h5>舒城路店</h5>
|
||
<p>电话：62602756</p>
|
||
<p>地址：舒城路2号红府超市入口处</p>
|
||
</div>
|
||
</li>
|
||
<div class="clear"></div>
|
||
</ul>
|
||
</div>
|
||
<div class="dis-row">
|
||
<h4 class="wow fadeInUp">“庐阳区”</h4>
|
||
<ul class="disul">
|
||
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
|
||
<div class="disli">
|
||
<h5>舒城路店</h5>
|
||
<p>电话：62602756</p>
|
||
<p>地址：舒城路2号红府超市入口处</p>
|
||
</div>
|
||
</li>
|
||
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
|
||
<div class="disli">
|
||
<h5>舒城路店</h5>
|
||
<p>电话：62602756</p>
|
||
<p>地址：舒城路2号红府超市入口处</p>
|
||
</div>
|
||
</li>
|
||
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
|
||
<div class="disli">
|
||
<h5>舒城路店</h5>
|
||
<p>电话：62602756</p>
|
||
<p>地址：舒城路2号红府超市入口处</p>
|
||
</div>
|
||
</li>
|
||
<div class="clear"></div>
|
||
</ul>
|
||
</div>
|
||
<div class="dis-row">
|
||
<h4 class="wow fadeInUp">“庐阳区”</h4>
|
||
<ul class="disul">
|
||
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
|
||
<div class="disli">
|
||
<h5>舒城路店1</h5>
|
||
<p>电话：62602756</p>
|
||
<p>地址：舒城路2号红府超市入口处</p>
|
||
</div>
|
||
</li>
|
||
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
|
||
<div class="disli">
|
||
<h5>舒城路店2</h5>
|
||
<p>电话：62602756</p>
|
||
<p>地址：舒城路2号红府超市入口处</p>
|
||
</div>
|
||
</li>
|
||
<li class="flex-con3 wow fadeInUp" data-lat="116.3964" data-lon="35.9093">
|
||
<div class="disli">
|
||
<h5>舒城路店</h5>
|
||
<p>电话：62602756</p>
|
||
<p>地址：舒城路2号红府超市入口处</p>
|
||
</div>
|
||
</li>
|
||
<div class="clear"></div>
|
||
</ul>
|
||
</div>
|
||
<!-- 主要内容结束 -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row b7">
|
||
<div class="conus rowp">
|
||
<div class="title wow fadeInUp">
|
||
<h4>联系我们</h4>
|
||
</div>
|
||
<div class="conus-cen">
|
||
<div class="wxh flex-con2 wow fadeInUp" data-wow-delay=".2s">
|
||
<div>
|
||
<img src="./img/asdasdafa.png" alt="" srcset="">
|
||
<p>扫一扫加官网微信</p>
|
||
</div>
|
||
</div>
|
||
<div class="us wow fadeInUp" data-wow-delay=".3s">
|
||
<div class="us-p">
|
||
<p>服务热线:</p>
|
||
<span>400-0551-071</span>
|
||
</div>
|
||
<div class="us-p">
|
||
<p>在线时间：</p>
|
||
<p>周一至周六8:30-17:30</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="clear"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 内容end -->
|
||
<!-- 尾部 -->
|
||
<footer>
|
||
<div class="footer">
|
||
<div class="dizi">
|
||
<p class="clamp1">公司地址：合肥市黄山路436号盛景国际大厦五层</p>
|
||
<p class="clamp1">© 2018 Copyright By Cirda Foundation 合肥伊尔萨洗衣服务有限公司 版权所有 皖ICP备09029122号-2</p>
|
||
</div>
|
||
<div class="logof">
|
||
<img src="./img/logo3.png" alt="" srcset="">
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<!-- 尾部end -->
|
||
<script src="https://code.jquery.com/jquery-1.12.4.min.js"
|
||
integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
|
||
<script type="text/javascript"
|
||
src="http://api.map.baidu.com/api?v=3.0&ak=kELyXum7vuSMm2QT7KX98VFC6O4GVhDi"></script>
|
||
<script src="./js/wow.js"></script>
|
||
<script>
|
||
if (!(/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent))) { //移动端
|
||
// 页面滚动时动画显示模块
|
||
$(document).ready(function () {
|
||
var wow = new WOW(
|
||
{
|
||
boxClass: 'wow', // animated element css class (default is wow)
|
||
animateClass: 'animated', // animation css class (default is animated)
|
||
offset: 0, // distance to the element when triggering the animation (default is 0)
|
||
mobile: true, // trigger animations on mobile devices (default is true)
|
||
live: true, // act on asynchronously loaded content (default is true)
|
||
callback: function (box) {
|
||
// the callback is fired every time an animation is started
|
||
// the argument that is passed in is the DOM node being animated
|
||
},
|
||
crollContainer: null // optional scroll container selector, otherwise use window
|
||
}
|
||
);
|
||
wow.init();
|
||
});
|
||
}
|
||
|
||
// 调用百度地图api
|
||
// lat纬度 ， lon经度 ， title标题 ， conten内容
|
||
function maps(option) {
|
||
// 百度地图API功能
|
||
var map = new BMap.Map("allmap");
|
||
var point = new BMap.Point(option.lat, option.lon);
|
||
var marker = new BMap.Marker(point); // 创建标注
|
||
map.addOverlay(marker);
|
||
map.centerAndZoom(point, 15);
|
||
map.enableScrollWheelZoom();
|
||
var opts = {
|
||
width: 200, // 信息窗口宽度
|
||
height: 100, // 信息窗口高度
|
||
title: option.title, // 信息窗口标题
|
||
enableMessage: true//设置允许信息窗发送短息
|
||
}
|
||
var infoWindow = new BMap.InfoWindow('内容:' + option.conten, opts); // 创建信息窗口对象
|
||
map.openInfoWindow(infoWindow, point);//默认开启
|
||
marker.addEventListener("click", function () {
|
||
map.openInfoWindow(infoWindow, point); //开启信息窗口
|
||
});
|
||
}
|
||
|
||
maps({ lat: 116.3964, lon: 39.9093, title: "海底捞王府井店", conten: "我是内容啊啊啊啊" })
|
||
|
||
// 点击的时候获取经度纬度和标题内容填充到地图中再回到顶部
|
||
$(".disul li").click(function () {
|
||
var lat = $(this).data("lat")
|
||
var lon = $(this).data("lon")
|
||
var h5 = $(this).find("h5")[0].innerText
|
||
var p = $(this).find("p")[1].innerText
|
||
maps({
|
||
lat: lat,
|
||
lon: lon,
|
||
title: h5,
|
||
conten: p
|
||
})
|
||
window.scrollTo(0, 0)
|
||
})
|
||
</script>
|
||
</body>
|
||
|
||
</html> |