chenhao
/
leyu_admin


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511
							<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="format-detection" content="telephone=no">
		<title>乐鱼</title>
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<meta name="author" content="order by mobanxiu.cn" />
		<link rel="stylesheet" type="text/css" href="/skin/css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="/skin/css/style.css" />
		<link rel="stylesheet" type="text/css" href="/skin/css/flexible-bootstrap-carousel.css" />

		<script src="/skin/js/jquery-1.8.3.min.js"></script>

		<script src="/skin/js/commonHttp.js"></script>
		<script src="/skin/js/flexible-bootstrap-carousel.js"></script>
		
		<!--<script src="/skin/js/script.js"></script>-->
		<script src="/skin/js/jquery.tmpl.js"></script>
		<script src="/skin/js/scripta.js"></script>

		<style>
			.carousel-inner img {
				width: 100%;
				height: 100%;
			}
		</style>
	</head>

	<body style="display: none;">
		<!-------------------------------------- 头部开始 -------------------------------------->
		<header>
			<div class="container full-height">
				<div class="logo">
					<a href="/"><img src="/skin/images/logo.png"></a>
				</div>
				<a class="mbtn"></a>
				<div class="menu">
					<ul>
						<li>
							<a class='on' href="/">网站首页</a>
						</li>
						<div id="NavlistContent">

						</div>

						<li>
							<a href="/a/lianxiwomen/">联系我们</a>
						</li>

					</ul>
				</div>
				<div class="foot">
					<p class="p1">
						<a href="http://wpa.qq.com/msgrd?v=3&uin=80044685&site=qq&menu=yes" id="footqq" class="ico ico1"></a>
						<a class="ico ico2"><img src="/skin/images/qbox.png"></a>
					</p>
					<p class="p2">杭州乐鱼旅行社有限公司 版权所有</p>
				</div>
			</div>
		</header>

		<!-------------------------------------- 头部结束 -------------------------------------->
		<!-------------------------------------- 主体开始 -------------------------------------->
		<main>
			<div class="ui-fullpart nopd">
				<div class="ui-homebanner">
					<div class="view">
						<div id="carousel-homebanner" class="carousel slide" data-ride="carousel">
							<div class="carousel-inner" role="listbox" id="SlideContent">

							</div>

							<div class="navi">
								<ul class=" carousel-indicators" id="SlideonContent">

								</ul>
							</div>

						</div>
					</div>
				</div>
			</div>
			<div class="ui-fullpart bg-g">
				<div class="ui-title">
					<p class="p1" id="title"></p>
					<p class="p2" id="titlea"></p>
				</div>
				<div class="ui-homeview wow fadeInUp">
					<ul id="FeatureContent">

						<div class="clearfix"></div>
					</ul>
				</div>
				<div class="container" style="overflow: hidden;">
					<div class="ht90"></div>
					<div class="ui-title">
						<p class="p1" id="titleb"></p>
						<p class="p2" id="titlec"></p>
					</div>
					<div class="ui-homehouse lrlist" data-count-pc="3" data-count-mb="1">
						<!--<a href="" class="aw l">
							<</a>
								<a href="" class="aw r">></a>
								<div class="ct">
									<ul id="HomeContent">
										
										
									</ul>
									<div class="clearfix"></div>
								</div>-->
						<div class="carousel-example">
							<!-- FLEXIBLE BOOTSTRAP CAROUSEL -->
							<div id="simple-content-carousel" class="carousel flexible slide" data-ride="carousel" data-interval="5000" data-wrap="true">

								<div class="items" id="HomeContent"> 

									<!--<div class="flex-item">
										<img class="img-responsive" src="/skin/images/banner-img2.jpg" />
									</div>

									<div class="flex-item">
										<img class="img-responsive" src="/skin/images/banner-img3.jpg" />
									</div>

									<div class="flex-item">
										<img class="img-responsive" src="/skin/images/banner-img1.jpg" />
									</div>

									<div class="flex-item">
										<img class="img-responsive" src="/skin/images/banner-img1.jpg" />
									</div>

									<div class="flex-item">
										<img class="img-responsive" src="/skin/images/banner-img1.jpg" />
									</div>-->
								</div>

								<div class="carousel-inner" role="listbox">

								</div>

								<a class="left carousel-control" href="#simple-content-carousel" role="button" data-slide="prev">
									<span class="fa fa-angle-left" aria-hidden="true"><</span>
									<span class="sr-only">Previous</span>
								</a>
								<a class="right carousel-control" href="#simple-content-carousel" role="button" data-slide="next">
									<span class="fa fa-angle-right" aria-hidden="true">></span>
									<span class="sr-only">Next</span>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="ui-fullpart">
				<div class="ui-title">
					<p class="p1" id="titled"></p>
					<p class="p2" id="titlee"></p>
				</div>
				<div class="ul-homenews">
					<ul id="NewsContent">

						<div class="clearfix"></div>
					</ul>
				</div>
				<div class="ht70" style="clear: both;"></div>
				<div class="ui-more">
					<p>
						<a href="/a/zuixindongtai/" id="more">LEARN MORE ＞</a>
					</p>
				</div>
			</div>
			<div class="ui-fullpart bg-homeexpe">
				<div class="container">
					<div class="ui-title">
						<p class="p1" id="titlef"></p>
						<p class="p2" id="titleg"></p>
					</div>
					<div class="ui-homeexpe">
						<ul id="ExpeContent">

							<div class="clearfix"></div>
						</ul>
					</div>
				</div>
			</div>
		</main>
		<!-------------------------------------- 主体结束 -------------------------------------->
		<!-------------------------------------- 尾部开始 -------------------------------------->
		<footer>
			<div class="container">
				<div class="info">
					<p><span class="pull-right"><span class="loca"><a href="/a/lianxiwomen/ ">目的地指南</a> <em>/</em>联系电话：<text id="phoneq"></text></span></span>

						<a href="/">网站首页</a> <i>|</i>
						<span id="FootlistContent">
								
							</span>
						<a href="/a/lianxiwomen/">联系我们</a>

					</p>
				</div>
			</div>
		</footer>

		<!-------------------------------------- 尾部开始 -------------------------------------->

		<script type="text/html" id="SlideTemplate">
			<div class='carousel-item'>
				<img src="{{= image}}" />
				<a href="#" class="img ">
					<div class="tt">
						<p class="p3">
							<label for="">more></label>
						</p>
					</div>
				</a>
			</div>
		</script>
		<script type="text/html" id="SlideonTemplate">
			<li data-target="#demo" data-slide-to="{{= id}}">
				<a href="#">0{{= $index+1}}</a>
			</li>
		</script>
		<script type="text/html" id="FeatureTemplate">
			<li>
				<a href="/a/jingqutese/1.html?id={{= id }}" class="i"><img src="{{= zhu_images.shift() }}" alt="{{= title}}">
					<div class="ct">
						<h3>
			              <label for="">{{= title}}<br>
			                <small>{{= small_title}}</small></label>
			            </h3>
						<p>{{= small_introduce }}</p>
					</div>
				</a>
			</li>
		</script>
		<script type="text/html" id="HomeTemplate">
			<!--<div >
										<img class="img-responsive" src="/skin/images/banner-img1.jpg" /> 
									</div>-->
			<div class="flex-item">
				<a href="/a/jingxinminsu/5.html?id={{= id }}" class="i">
					<div class="img"> <img src="{{= zhu_images.shift() }}" alt="{{= title}}" class="img-responsive"> </div>
					<div class="txt">
						<h3>{{= title}}</h3>
						<p>{{= small_introduce}}</p>
						<h5>
						  <label for="">MORE</label>
						</h5>
					</div>
				</a>
			</div>
		</script>

		<script type="text/html" id="NewsTemplate">
			<li>
				<a href="/a/zuixindongtai/10.html?id={{= id }}" class="i"><img src="{{= zhu_images.shift() }}" alt="{{= title}}">
					<div class="ct">
						<h3>{{= title}}</h3>
						<h5>{{= create}}</h5>
						<p>{{= small_introduce}}</p>
					</div>
				</a>
			</li>
		</script>
		<script type="text/html" id="ExpeTemplate">
			<li>
				<a href="/a/shangxintiyan/16.html?id={{= id }}" class="i">
					<div class="img"> <img src="{{= zhu_images.shift() }}" alt="{{= title}}"> </div>
					<div class="txt">
						<h3>{{= title}}</h3>
						<p>{{= small_introduce}}</p>
					</div>
				</a>
			</li>
		</script>
		<script type="text/html" id="NavlistTemplate">
			<li>
				<a href="{{= url}}?id={{= id }}">{{= name }}</a>
			</li>
		</script>
		<script type="text/html" id="FootlistTemplate">
			<a href="{{= url}}?id={{= id }}">{{= name }}</a> <i>|</i>
		</script>

		<script type="text/javascript">
			var winResize = function() {
				var width = $(window).width();
				var height = $(window).height();
				$('.full-height').height(height);

				if(width <= 767) {
					$('body').addClass('small-screen');
					$('body').removeClass('normal-screen');
				} else {
					$('body').removeClass('small-screen');
					$('body').addClass('normal-screen');
				}

				if($('body').hasClass('normal-screen')) {
					$('.bg-contactus').height(height - $('footer').outerHeight());
				} else {
					$('main').css('min-height', $(window).height() - $('footer').outerHeight(true));
				}

				$('.lrlist').each(function(index, el) {
					var $this = $(this);
					var count = $this.data('count-pc');
					if($('body').hasClass('small-screen')) {
						count = $this.data('count-mb');
					}
					$this.find('ul li').width(Math.floor($this.width() / count));
					$this.find('ul').width($this.find('ul li').width() * ($this.find('ul li').length + 1));
				});
			}
			$(function() {
				$(window).resize(function() {
					winResize();
				});
				winResize();
				setTimeout(function() {
					winResize();
				}, 100);

				$(window).scroll(function() {
					var sTop = $(window).scrollTop();
					var wHeight = $(window).height();
					var sBottom = wHeight - ($('body').height() - sTop);

				});
				$('header .mbtn').click(function(event) {
					$('body').toggleClass('on-menu');
					return false;
				});
				$('header .menu >a').click(function(event) {
					$('body').removeClass('on-menu');
					return false;
				});
//				$('.carousel').swipe({
//					threshold: 25,
//					allowPageScroll: 'vertical',
//					swipe: function(event, direction, distance, duration, fingerCount, fingerData) {
//						console.log(direction);
//						if(direction == 'left') {
//							$(this).carousel('next');
//						} else {
//							$(this).carousel('prev');
//						}
//					}
//				});

//				if(browser == 'ie6' || browser == 'ie7' || browser == 'ie8' || browser == 'ie9') {
//
//				} else {
//					new WOW({
//						callback: function(box) {
//
//						}
//					}).init();
//				}

				$('#carousel-homebanner').on('slid.bs.carousel', function() {
					var ind = $('#carousel-homebanner .item').index($('#carousel-homebanner .item.active'));
					$('.ui-homebanner .navi a').removeClass('on');
					$('.ui-homebanner .navi a').eq(ind).addClass('on');
				});
				$('.ui-homebanner .navi a').click(function(event) {
					var ind = $('.ui-homebanner .navi a').index($(this));
					$('#carousel-homebanner').carousel(ind);
					return false;
				});

				$('.lrlist').each(function(index, el) {
					var $this = $(this);
					var $aw = $this.find('.aw');

					$aw.click(function(event) {
						if($this.find('ul').is(':animated')) {
							return false;
						}
						var next = true;
						if($(this).hasClass('l')) {
							next = false;
						}
						var $next;
						var w = $this.find('li').width();
						if(next) {
							$next = $this.find('li').first().clone();
							$next.appendTo($this.find('ul'));
							$this.find('ul').animate({
								'left': -1 * w
							}, 300, function() {
								$this.find('li').first().remove();
								$this.find('ul').css('left', 0);
							});
						} else {
							$next = $this.find('li').last().clone();
							$next.prependTo($this.find('ul'));
							$this.find('ul').css('left', -1 * w);
							$this.find('ul').animate({
								'left': 0
							}, 300, function() {
								$this.find('li').last().remove();
							});

						}

						clearInterval(t);
						t = setInterval(function() {
							go();
						}, 5000);

						$('.ui-prodhead .view >.ct .i').hover(function() {
							$(this).click();
						});
						return false;
					});

					var go = function() {
						if($this.hasClass('noauto')) {
							return;
						}
						$aw.filter('.r').click();;
					}
					var t = setInterval(function() {
						go();
					}, 5000);
				});

			});
			//页面转载完毕后启动
			$(document).ready(function() {

				BannerList();
				GetNavList();
				About();

			});
			//左侧栏目
			function GetNavList() {
				//定义请求URL
				var url = apiRootPath + 'api/index/allType';
				$.get(url, '', function(result) {
					if(result.code != 200) {
						alert(result.msg);
						return;
					}
					//绑定数据
					$("#NavlistTemplate").tmpl(result.data).appendTo("#NavlistContent");

					$("#FootlistTemplate").tmpl(result.data).appendTo("#FootlistContent");
					$("#more").attr('href', '/a/zuixindongtai/?id=' + result.data[2].id);

				}, "json");
			}

			//首页banner轮播
			function BannerList() {

				//定义请求URL
				var url = apiRootPath + 'api/index/allIntroduce';
				$.get(url, '', function(result) {
					if(result.code != 200) {
						alert(result.msg);
						return;
					}
					//绑定数据
					$("#SlideTemplate").tmpl(result.data.chart).appendTo("#SlideContent");
					$("#SlideContent").children(":first").addClass("active")
					$("#SlideonTemplate").tmpl(result.data.chart).appendTo("#SlideonContent");
					$("#SlideonContent").children(":first").addClass("active");
					$("#title").html(result.data.b.name);
					$("#titlea").html(result.data.b.english);
					$("#titleb").html(result.data.e.name);
					$("#titlec").html(result.data.e.english);
					$("#titled").html(result.data.c.name);
					$("#titlee").html(result.data.c.english);
					$("#titlef").html(result.data.d.name);
					$("#titleg").html(result.data.d.english);
					$("#FeatureTemplate").tmpl(result.data.b.introduce_model).appendTo("#FeatureContent");
					$("#HomeTemplate").tmpl(result.data.e.introduce_model).appendTo("#HomeContent");
					$("#NewsTemplate").tmpl(result.data.c.introduce_model).appendTo("#NewsContent");
					$("#ExpeTemplate").tmpl(result.data.d.introduce_model).appendTo("#ExpeContent");

				}, "json");
			}

			function About() {
				//定义请求URL
				var url = apiRootPath + 'api/index/aboutUs';
				$.get(url, '', function(result) {
					if(result.code != 200) {
						alert(result.msg);
						return;
					}
					//绑定数据
					$("#phoneq").html(result.data.phone);
					$("#footqq").attr('href', 'http://wpa.qq.com/msgrd?v=3&amp;uin=' + result.data.qq + '&amp;site=qq&amp;menu=yes');

				}, "json");
			}
		</script>
	</body>

</html>