pfhwyigou/mobile/web/zt/colorful/index.js

$(function(){
	// 时间加1个自然月有效日期
	var myDate = new Date;
	var year = myDate.getFullYear(); //获取当前时间年份
	var yue = myDate.getMonth()+1;//获取当前时间月份
	if (yue<10) {
	    yue= '0' + yue; 
	}else if(yue == 13){
	    yue = '01';
	};
	// 返回下个月有多少天数
	function mGetDate(yue){     
	    var date = new Date();     
	    var year = date.getFullYear();     
	    var d = new Date(year,parseInt(yue), 0);
	    return d.getDate();
	}
	var htmltime = '活动时间:'+year + '/'+ yue + '/' +'01'+'-'+ year + '/'+ yue + '/' + mGetDate(yue);
	var expiryTime = year + '-'+ yue + '-' + mGetDate(yue);
	$('.wtime').html(htmltime);

	// 加截完成后，先获取
	var colorful = cookie.get('colorful');
	$('.wcolorfulclick').on('click',function(){
		colorful = cookie.get('colorful');
	})
	// console.log(colorful)
	if(colorful){
		$('.wing img').attr('src','/zt/colorful/image/icon/tmp_29_1.jpg');
	}else{
		$('.wing img').attr('src','/zt/colorful/image/icon/tmp_29.jpg');
	}



	// 单选按钮
	$('.whins-click span').on('click',function(){
		var _this = $(this);
		_this.addClass('on').siblings().removeClass('on');
	})

	// // 云帆济海组团
	// var inde = new Swiper('.wswiper_1',{
	// 	pagination : '.swiper-paginationa_1',
	// 	observer:true,
	// 	observeParents:true,
	// })
	// var inde1 = new Swiper('.wswiper_2',{
	// 	pagination : '.swiper-paginationa_2',
	// 	observer:true,
	// 	observeParents:true,
	// })



	// 产业价值
	var mySwiper = new Swiper('.wswiper3',{
		autoplay : 5000,
		pagination : '.swiper-paginationa3',
		//pagination : '#swiper-pagination1',
		})


	// 预约看房
	$('.wlistspan span').on('click',function(){
		var _this = $(this);
		_this.addClass('on').siblings().removeClass('on');
	})


	/*-----------------弹窗------------------------------------*/
	// 报名弹窗关闭按钮
	$('.wwcls').on('click',function(){
		$('.wballpop').hide();
		$('.bgcolor').hide();
	})

	$('.w-clickbtn').on('click',function(){
		var _this = $(this);
		var _title = _this.attr('data-title');
		var _cont = _this.attr('data-cont');
		var _btn = _this.attr('data-btn');
		var _source = _this.attr('data-source');
		$('.wballpop .title h2').html(_title);
		$('.wballpop .title p').html(_cont);
		$('.wballpop .wclickbtn ').html(_btn);
		$('.wballpop form input[name="source"]').val(_source);
		$('.wballpop').show();
		$('.bgcolor').show();
	})
	/*-----------------弹窗 end------------------------------------*/
	// 底部导航
	$('.wbnav a').on('click',function(){
		var _this = $(this);
		var _id = _this.attr('data-id');
		// _this.addClass('on').siblings().removeClass('on');
		var oPos = $('#'+_id).offset().top;
		$("html,body").animate({scrollTop:oPos-100},200);	//锚点跳转
	})

	/*
	* 调用的方法
	* */
	// PublicAction.AjaxSend(
	//     {
	//         CORID:'wcolorfulclick',               /*操作ID*/
	//     }
	// );

	//调用方法二（传对象函数）
	var fun = {
	    "error" : function(){
	        PublicAction.hint("未提交成功！");        //编写需要操作的方法
	    },
	    "success" : function(){
	    	if(!cookie.get('colorful')){
            	cookie.set("colorful","colorful",24);//设置为24天过期
            }
            $('.wing img').attr('src','/zt/colorful/image/icon/tmp_29_1.jpg');
	        PublicAction.hint("提交成功！");            //编写需要操作的方法
	        // console.log(cookie.get('colorful'))
	    }
	}
	// PublicAction.AjaxSend({CORID:'wcolorfulclick'},fun);


	// 开发商介绍
	$('.briefnav a').on('click',function(){
		var _this = $(this);
		_this.addClass('on').siblings().removeClass('on');
		var _class=_this.attr('data-id');
		$('.briefbox .'+_class).show().siblings().hide();
	})

	// 在线选房
	$('.scb a').on('click',function(){
		var _this = $(this);
		_this.addClass('on').siblings().removeClass('on');
		var _class=_this.attr('data-id');
		$('.whubomt .'+_class).show().siblings().hide();
	})


	// 组团项目
	$('.isn a').on('click',function(){
		var _this = $(this);
		_this.addClass('on').siblings().removeClass('on');
		var _class=_this.attr('data-id');
		var _ui=_this.attr('data-ui');
		switch(_ui) {
		     case "1":
		        data = _li1;
		        break;
		     case "2":
		        data = _li2;
		        break;
		     case "3":
		        data = _li3;
		        break;
		     case "4":
		        data = _li4;
		        break;

		} 

		$('.whubomts').html('');
		$('.whubomts').html(data);
		
		for(var i=1;i<=8;i++){
			// 云帆济海组团
			var inde = new Swiper('.wswiper_'+i,{
				autoplay : 5000,
				pagination : '.swiper-paginationa_'+i,
				observer:true,
				observeParents:true,
			})
		}
		/*
		* 调用的方法
		* */
		PublicAction.AjaxSend({CORID:'wcolorfulclick'},fun);
	})
	$('.isn a').eq(0).click();

})
// 视频播放--------------------------------
var lpvideo = document.getElementById("myVideo");
var btn_vid = document.getElementById("videobang");
if (btn_vid) {
    btn_vid.onclick = function () {
    $('#videobang').hide();
    if (lpvideo.paused) { //判断当前的状态是否为暂停，若是则点击播放，否则暂停
         lpvideo.play();
     }else{
        lpvideo.pause();
     }
    }
};
// ------------------------------------
 


var _li4='<div class="nson4">';
_li4+='<div class="items-img">';
_li4+='<img src="/zt/colorful/image/icon/icon_z1.png" alt="">';
_li4+='<a class="items-btn" href="https://map.qq.com/m/place/info/uid=3260539172808765396&word=雅居乐海境新天&type=point"><img src="/zt/colorful/image/icon/icon_map.png" alt="">组团位置</a>';
_li4+='</div>';
_li4+='<div class="items-zone">';
_li4+='<div class="items-zone-title"><span>区位</span></div>';
_li4+='<div class="items-zone-cont">·位于B11区海境新天组团，临近B07山海间组团，靠近B02、B11两个商业区，生活便利</div>';
_li4+='<div class="items-zone-title"><span>组团信息</span></div>';
_li4+='<div class=""><img src="/zt/colorful/image/icon/tmp_20.jpg" alt=""></div>';
_li4+='<div class="items-zone-title"><span>户型推荐</span></div>';
_li4+='<!-- 户型 -->';
_li4+='<div class="wswiper wswiper_7">';
_li4+='<ul class="swiper-wrapper">';
_li4+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z2.png" alt=""></li>';
_li4+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z3.png" alt=""></li>';
_li4+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z4.png" alt=""></li>';
_li4+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z5.png" alt=""></li>';
_li4+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z6.png" alt=""></li>';
_li4+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z7.png" alt=""></li>';
_li4+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z8.png" alt=""></li>';
_li4+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z9.png" alt=""></li>';
_li4+='</ul>';
_li4+='<div class="shun swiper-paginationa swiper-paginationa_7"></div>';
_li4+='</div>';
_li4+='<!-- 相册 -->';
_li4+='<div class="wswiper2 wswiper_8">';
_li4+='<ul class="swiper-wrapper">';
_li4+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z10.png" alt=""></li>';
_li4+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z11.png" alt=""></li>';
_li4+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z12.png" alt=""></li>';
_li4+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z13.png" alt=""></li>';
_li4+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z14.png" alt=""></li>';
_li4+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z15.png" alt=""></li>';
_li4+='</ul>';
_li4+='<div class="shun2 swiper-paginationa2 swiper-paginationa_8"></div>';
_li4+='</div>';
_li4+='<!-- 查看更多 -->';
_li4+='<div class="wwom bno">';
_li4+='<div class="m_lpind_addipunt c">';
_li4+='<form class="submit_area">';
_li4+='<input type="hidden" name="hid" value="0">';
_li4+='<input type="hidden" name="source" value="104">';
_li4+='<input type="hidden" name="equipment" value="1">';
_li4+='<div class="wwpab">';
_li4+='<img src="/zt/colorful/image/tmp_tel.png" alt="">';
_li4+='<input class="m_lpipnt" type="text" name="mobile" placeholder="您的手机号码">';
_li4+='<a class="wcolorfulclick wcolorfulclick2" href="javascript:void(0);">查看更多</a>';
_li4+='</div>';
_li4+='</form>';
_li4+='</div>';
_li4+='</div>';
_li4+='</div>';
_li4+='</div>';

var _li3='<div class="nson3">';
_li3+='<div class="items-img">';
_li3+='<img src="/zt/colorful/image/icon/icon_z34.png" alt="">';
_li3+='<a class="items-btn" href="https://map.qq.com/m/place/info/uid=16112348656842418886&word=云海听歌&type=point"><img src="/zt/colorful/image/icon/icon_map.png" alt="">组团位置</a>';
_li3+='</div>';
_li3+='<div class="items-zone">';
_li3+='<div class="items-zone-title"><span>区位</span></div>';
_li3+='<div class="items-zone-cont">·该组团地处清水湾核心地段，毗邻云海帆歌商业圈和清水湾热带休闲园（规划中），依山面海，汇聚山、海、林、湾等自然资源。</div>';
_li3+='<div class="items-zone-title"><span>组团信息</span></div>';
_li3+='<div class=""><img src="/zt/colorful/image/icon/tmp_20_3.jpg" alt=""></div>';
_li3+='<div class="items-zone-title"><span>户型推荐</span></div>';
_li3+='<!-- 户型 -->';
_li3+='<div class="wswiper wswiper_5">';
_li3+='<ul class="swiper-wrapper">';
_li3+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z35.png" alt=""></li>';
_li3+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z36.png" alt=""></li>';
_li3+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z37.png" alt=""></li>';
_li3+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z38.png" alt=""></li>';
_li3+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z39.png" alt=""></li>';
_li3+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z40.png" alt=""></li>';
_li3+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z41.png" alt=""></li>';
_li3+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z42.png" alt=""></li>';
_li3+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z43.png" alt=""></li>';
_li3+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z44.png" alt=""></li>';
_li3+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z45.png" alt=""></li>';
_li3+='</ul>';
_li3+='<div class="shun swiper-paginationa swiper-paginationa_5"></div>';
_li3+='</div>';
_li3+='<!-- 相册 -->';
_li3+='<div class="wswiper2 wswiper_6">';
_li3+='<ul class="swiper-wrapper">';
_li3+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z46.png" alt=""></li>';
_li3+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z47.png" alt=""></li>';
_li3+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z48.png" alt=""></li>';
_li3+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z49.png" alt=""></li>';
_li3+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z50.png" alt=""></li>';
_li3+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z51.png" alt=""></li>';
_li3+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z52.png" alt=""></li>';
_li3+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z53.png" alt=""></li>';
_li3+='</ul>';
_li3+='<div class="shun2 swiper-paginationa2 swiper-paginationa_6"></div>';
_li3+='</div>';
_li3+='<!-- 查看更多 -->';
_li3+='<div class="wwom bno">';
_li3+='<div class="m_lpind_addipunt c">';
_li3+='<form class="submit_area">';
_li3+='<input type="hidden" name="hid" value="0">';
_li3+='<input type="hidden" name="source" value="103">';
_li3+='<input type="hidden" name="equipment" value="1">';
_li3+='<div class="wwpab">';
_li3+='<img src="/zt/colorful/image/tmp_tel.png" alt="">';
_li3+='<input class="m_lpipnt" type="text" name="mobile" placeholder="您的手机号码">';
_li3+='<a class="wcolorfulclick wcolorfulclick2" href="javascript:void(0);">查看更多</a>';
_li3+='</div>';
_li3+='</form>';
_li3+='</div>';
_li3+='</div>';
_li3+='</div>';
_li3+='</div>';

var _li2='<div class="nson2">';
_li2+='<div class="items-img">';
_li2+='<img src="/zt/colorful/image/icon/icon_z24.png" alt="">';
_li2+='<a class="items-btn" href="https://map.qq.com/m/place/info/uid=7119911094411479913&word=云海泽月&type=point"><img src="/zt/colorful/image/icon/icon_map.png" alt="">组团位置</a>';
_li2+='</div>';
_li2+='<div class="items-zone">';
_li2+='<div class="items-zone-title"><span>区位</span></div>';
_li2+='<div class="items-zone-cont">';
_li2+='<p>·东侧毗邻云海听歌组团，南向紧接云海帆歌组团，北瞰群山、南临大海、绿林环绕，畅享丰富景观资源；</p>';
_li2+='<p>·坐拥780席游艇会、滨海酒店群、雅居乐海上艺术中心清水湾美食街等丰富的生活配套，东南方向更规划有清水湾热带农旅休闲园、大型商业综合体。</p>';
_li2+='</div>';
_li2+='<div class="items-zone-title"><span>组团信息</span></div>';
_li2+='<div class=""><img src="/zt/colorful/image/icon/tmp_20_2.jpg" alt=""></div>';
_li2+='<div class="items-zone-title"><span>户型推荐</span></div>';
_li2+='<!-- 户型 -->';
_li2+='<div class="wswiper wswiper_3">';
_li2+='<ul class="swiper-wrapper">';
_li2+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z25.png" alt=""></li>';
_li2+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z26.png" alt=""></li>';
_li2+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z27.png" alt=""></li>';
_li2+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z28.png" alt=""></li>';
_li2+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z29.png" alt=""></li>';
_li2+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z30.png" alt=""></li>';
_li2+='</ul>';
_li2+='<div class="shun swiper-paginationa swiper-paginationa_3"></div>';
_li2+='</div>';
_li2+='<!-- 相册 -->';
_li2+='<div class="wswiper2 wswiper_4">';
_li2+='<ul class="swiper-wrapper">';
_li2+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z31.png" alt=""></li>';
_li2+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z32.png" alt=""></li>';
_li2+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z33.png" alt=""></li>';
_li2+='</ul>';
_li2+='<div class="shun2 swiper-paginationa2 swiper-paginationa_4"></div>';
_li2+='</div>';
_li2+='<!-- 查看更多 -->';
_li2+='<div class="wwom bno">';
_li2+='<div class="m_lpind_addipunt c">';
_li2+='<form class="submit_area">';
_li2+='<input type="hidden" name="hid" value="0">';
_li2+='<input type="hidden" name="source" value="102">';
_li2+='<input type="hidden" name="equipment" value="1">';
_li2+='<div class="wwpab">';
_li2+='<img src="/zt/colorful/image/tmp_tel.png" alt="">';
_li2+='<input class="m_lpipnt" type="text" name="mobile" placeholder="您的手机号码">';
_li2+='<a class="wcolorfulclick wcolorfulclick2" href="javascript:void(0);">查看更多</a>';
_li2+='</div>';
_li2+='</form>';
_li2+='</div>';
_li2+='</div>';
_li2+='</div>';
_li2+='</div>';

var _li1='<div class="nson1">';
_li1+='<div class="items-img">';
_li1+='<img src="/zt/colorful/image/icon/icon_z16.png" alt="">';
_li1+='<a class="items-btn" href="https://map.qq.com/m/place/info/uid=11977709081640850832&word=云帆济海&type=point"><img src="/zt/colorful/image/icon/icon_map.png" alt="">组团位置</a>';
_li1+='</div>';
_li1+='<div class="items-zone">';
_li1+='<div class="items-zone-title"><span>区位</span></div>';
_li1+='<div class="items-zone-cont">';
_li1+='<p>·该组团毗邻山海间组团，坐拥丰富滨海景观；</p>';
_li1+='<p>·距离新村25分钟车程，距离瀚海银滩核心商业街14分钟</p>';
_li1+='<p>车程，享新村及核心商业街区生活配套。</p>';
_li1+='</div>';
_li1+='<div class="items-zone-title"><span>组团信息</span></div>';
_li1+='<div class=""><img src="/zt/colorful/image/icon/tmp_20_1.jpg" alt=""></div>';
_li1+='<div class="items-zone-title"><span>户型推荐</span></div>';
_li1+='<!-- 户型 -->';
_li1+='<div class="wswiper wswiper_1">';
_li1+='<ul class="swiper-wrapper">';
_li1+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z17.png" alt=""></li>';
_li1+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z18.png" alt=""></li>';
_li1+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z19.png" alt=""></li>';
_li1+='</ul>';
_li1+='<div class="shun swiper-paginationa swiper-paginationa_1"></div>';
_li1+='</div>';
_li1+='<!-- 相册 -->';
_li1+='<div class="wswiper2 wswiper_2">';
_li1+='<ul class="swiper-wrapper">';
_li1+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z20.png" alt=""></li>';
_li1+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z21.png" alt=""></li>';
_li1+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z22.png" alt=""></li>';
_li1+='<li class="swiper-slide"><img src="/zt/colorful/image/icon/icon_z23.png" alt=""></li>';
_li1+='</ul>';
_li1+='<div class="shun2 swiper-paginationa2 swiper-paginationa_2"></div>';
_li1+='</div>';
_li1+='<!-- 查看更多 -->';
_li1+='<div class="wwom bno">';
_li1+='<div class="m_lpind_addipunt c">';
_li1+='<form class="submit_area">';
_li1+='<input type="hidden" name="hid" value="0">';
_li1+='<input type="hidden" name="source" value="101">';
_li1+='<input type="hidden" name="equipment" value="1">';
_li1+='<div class="wwpab">';
_li1+='<img src="/zt/colorful/image/tmp_tel.png" alt="">';
_li1+='<input class="m_lpipnt" type="text" name="mobile" placeholder="您的手机号码">';
_li1+='<a class="wcolorfulclick wcolorfulclick2" href="javascript:void(0);">查看更多</a>';
_li1+='</div>';
_li1+='</form>';
_li1+='</div>';
_li1+='</div>';
_li1+='</div>';
_li1+='</div>';