<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<meta name="viewport" content="width = device-width, initial-scale = 1.0, minimum-scale = 1.0, maximum-scale = 1.0, user-scalable = no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="keywords" content="速滴打车,宝坻微商家" />
<meta name="description" content="速滴打车,宝坻微商" />
<title>仿宝坻LIFE触屏版自适应响应式html5手机wap网站模板下载-模板在线【http://www.htmldivcss.com/】</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link href="css/iscroll.css" rel="stylesheet" type="text/css" />
<!--script src="js/jquery-1.11.0.min.js"></script-->
<!--幻灯片代码-->
<script type="text/javascript" src="js/iscroll.js"></script>
<script type="text/javascript">
var myScroll;
function loaded() {
myScroll = new iScroll('wrapper', {
snap: true,
momentum: false,
hScrollbar: false,
onScrollEnd: function () {
document.querySelector('#indicator > li.active').className = '';
document.querySelector('#indicator > li:nth-child(' + (this.currPageX+1) + ')').className = 'active';
}
});
}
document.addEventListener('DOMContentLoaded', loaded, false);
</script>
</head>
<body class="allbg">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
var playbox = (function(){
//author:eric_wu
var _playbox = function(){
var that = this;
that.box = null;
that.player = null;
that.src = null;
that.on = false;
//
that.autoPlayFix = {
on: true,
//evtName: ("ontouchstart" in window)?"touchend":"click"
evtName: ("ontouchstart" in window)?"touchstart":"mouseover"
}
}
_playbox.prototype = {
init: function(box_ele){
this.box = "string" === typeof(box_ele)?document.getElementById(box_ele):box_ele;
this.player = this.box.querySelectorAll("audio")[0];
this.src = this.player.src;
this.init = function(){return this;}
this.autoPlayEvt(true);
return this;
},
play: function(){
if(this.autoPlayFix.on){
this.autoPlayFix.on = false;
this.autoPlayEvt(false);
}
this.on = !this.on;
if(true == this.on){
this.player.src = this.src;
this.player.play();
}else{
this.player.pause();
this.player.src = null;
}
if("function" == typeof(this.play_fn)){
this.play_fn.call(this);
}
},
handleEvent: function(evt){
this.play();
},
autoPlayEvt: function(important){
if(important || this.autoPlayFix.on){
document.body.addEventListener(this.autoPlayFix.evtName, this, false);
}else{
document.body.removeEventListener(this.autoPlayFix.evtName, this, false);
}
}
}
//
return new _playbox();
})();
playbox.play_fn = function(){
this.box.className = this.on?"btn_music on":"btn_music";
}
</script>
<script type="text/javascript">
$(document).ready(function(){
playbox.init("playbox");
/*
setTimeout(function() {
// IE
if(document.all) {
document.getElementById("playbox").click();
}
// 其它浏览器
else {
var e = document.createEvent("MouseEvents");
e.initEvent("click", true, true);
document.getElementById("playbox").dispatchEvent(e);
}
}, 2000);
*/
});
</script>
<!--span id="playbox" class="btn_music" onclick="playbox.init(this).play();"><audio id="audio" loop src="images/4.mp3"></audio></span-->
<div class="banner">
<div id="wrapper">
<div id="scroller">
<ul id="thelist">
<li><p>速滴打车携手宝坻Life 祝您羊年心想事成!</p><a href="javascript:void(0)"><img src="images/1.jpg" /></a></li>
<li><p>扫描二维码速滴打车带您玩转宝坻</p><a href="javascript:void(0)"><img src="images/2.jpg" /></a></li>
<li><p>速滴打车带您吃遍宝坻,吃出健康</p><a href="javascript:void(0)"><img src="images/3.jpg" /></a></li>
<li><p>发现之旅,精彩连连</p><a href="javascript:void(0)"><img src="images/4.jpg" /></a></li>
</ul>
</div>
</div>
<div id="nav">
<ul id="indicator">
<li class="active"></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
<div class="sear">
<div class="shopsearch">
<div class="class-list">
<div class="select_border">
<div class="container">
<select name="chengwei" runat="server" class="select">
<option value="0" selected="selected">本地商家导航</option>
<option value="1">家装建材</option>
<option value="2">餐饮美食</option>
<option value="3">服装鞋帽</option>
<option value="4">烟酒百货</option>
<option value="5">电脑手机</option>
<option value="6">汽车销售</option>
<option value="7">美容美发</option>
<option value="8">家政服务</option>
<option value="9">文化办公</option>
<option value="10">婚纱摄影</option>
<option value="11">休闲娱乐</option>
<option value="12">生活用品</option>
<option value="13">旅游健身</option>
<option value="14">酒店会馆</option>
<option value="15">广告报刊</option>
<option value="16">农副产品</option>
<option value="17">药品医疗</option>
<option value="18">金融投资</option>
<option value="19">教育培训</option>
</select>
</div>
</div>
</div>
<div class="soso-box">
<input name="" type="text" class="input-box" placeholder="请输入要搜索的商家名称!">
</div>
<div class="search"><img src="images/soso.png" width="61" height="49"></div>
</div>
</div>
<div class="detail-list">
<div class="toptitle">
<div class="shopclass">商家店铺</div>
<div class="shopclass2"><img src="images/detail_03.png" width="73" height="76"></div>
<div class="shopclass3">家装建材</div>
</div>
<ul class="shoplist">
<li>
<span class="leftimg"><img src="images/detail_04.jpg" width="256" height="256" class="img-responsive"></span>
<span class="righttxt">
<span class="shopname">芳泽家具装饰体验</span>
<span class="shopadd">地址:天津市宝坻区金纬路与环城南路交口<br>电话:<span class="yellowj">13687665489</span></span>
</span>
</li>
<li>
<span class="leftimg"><img src="images/detail_04.jpg" width="256" height="256" class="img-responsive"></span>
<span class="righttxt">
<span class="shopname">芳泽家具装饰体验</span>
<span class="shopadd">地址:天津市宝坻区金纬路与环城南路交口<br>电话:<span class="yellowj">13687665489</span></span>
</span>
</li>
<li>
<span class="leftimg"><img src="images/detail_04.jpg" width="256" height="256" class="img-responsive"></span>
<span class="righttxt">
<span class="shopname">芳泽家具装饰体验</span>
<span class="shopadd">地址:天津市宝坻区金纬路与环城南路交口<br>电话:<span class="yellowj">13687665489</span></span>
</span>
</li>
<li>
<span class="leftimg"><img src="images/detail_04.jpg" width="256" height="256" class="img-responsive"></span>
<span class="righttxt">
<span class="shopname">芳泽家具装饰体验</span>
<span class="shopadd">地址:天津市宝坻区金纬路与环城南路交口<br>电话:<span class="yellowj">13687665489</span></span>
</span>
</li>
<li>
<span class="leftimg"><img src="images/detail_04.jpg" width="256" height="256" class="img-responsive"></span>
<span class="righttxt">
<span class="shopname">芳泽家具装饰