details.js 6.09 KB
//ZOOM放大镜
	$(function(){
		$(".nav-h2").hide();
		$(".common_nav").hover(
			function(){
				$(this).children(".nav-h2").show();
				$("img").lazyload();
			},
			function(){
				$(this).children(".nav-h2").hide();
			}
		);
        
        Tools.rollImages({
        	width : 58,
        	vLng : 8,
        	lng : 2,
        	roollView : 'zoom-list-view ul'
        });
	
		var ctabs = function(_cname){
			var _tag = $(".o-a-ads").find("li.o-li");
			_tag.idx = _cname.attr('val');
			for (var i=0;i<_tag.length;i++){
				if (_tag.idx == i){
					_tag[i].style.display='block';
				}else{
					_tag[i].style.display='none';
				}
			}	
		};
		
		Tools.setSelected('m-p-header ul', 'li', 'act', {fun:ctabs});
		Tools.setSelected('level', 'a', 'selected');
		Tools.setSelected('property', 'a', 'selected');
		Tools.setSelected('ppoint', 'a', 'selected');
		Tools.setSelected('u-casfy', 'a', 'beselect');
		//弹出框
		var ss = '<form>'+
					'<div class="pudiv"><em class="u-yes"></em><b>商品收藏成功!</b><br/><p>您可以:<a href="" title="" class="col36c">查看收藏夹</a></p></div>'+
					'<p class="pup">收藏了该商品的人还查看了</p>'+
					'<div><ul class="pul clear"><a href="#"><li><img src="../images/gg/huluobo.png" width="90px" height="90px"/><p>爽口源兰州鲜百合 150g 爽口源兰州鲜百合 150g</p></a><p class="colff7f00">¥18.80/斤</p></li>'+
					'<li><a href="#"><img src="../images/gg/huluobo.png" width="90px" height="90px"/><p>爽口源兰州鲜百合 150g 爽口源兰州鲜百合 150g</p></a><p class="colff7f00">¥18.80/斤</p></li>'+
					'<li><a href="#"><img src="../images/gg/huluobo.png" width="90px" height="90px"/><p>爽口源兰州鲜百合 150g 爽口源兰州鲜百合 150g</p></a><p class="colff7f00">¥18.80/斤</p></li>'+
					'<li><a href="#"><img src="../images/gg/huluobo.png" width="90px" height="90px"/><p>爽口源兰州鲜百合 150g 爽口源兰州鲜百合 150g</p></a><p class="colff7f00">¥18.80/斤</p></li>'+
					'<li><a href="#"><img src="../images/gg/huluobo.png" width="90px" height="90px"/><p>爽口源兰州鲜百合 150g 爽口源兰州鲜百合 150g</p></a><p class="colff7f00">¥18.80/斤</p></li>'+
					'</ul></div></form>';
		var gg = '<form>'+
					'<div class="pudiva"><em class="u-yes"></em><b class="col2d9900">关注成功!</b><br/>您可以:<a href="" title="" class="col36c">查看收藏夹</a></div>'+
					'<p class="pup">收藏了该商品的人还查看了</p>'+
					'<div><ul class="pula clear"><li><img src="../images/gg/huluobo.png" width="145px" height="145px"/><p>爽口源兰州鲜百合 145g 爽口源兰州鲜百合 145g</p><b>¥18.80/斤</b></li>'+
					'<li><img src="../images/gg/huluobo.png" width="145px" height="145px"/><p>爽口源兰州鲜百合 145g 爽口源兰州鲜百合 145g</p><b>¥18.80/斤</b></li>'+
					'<li><img src="../images/gg/huluobo.png" width="145px" height="145px"/><p>爽口源兰州鲜百合 145g 爽口源兰州鲜百合 145g</p><b>¥18.80/斤</b></li>'+
					'<li><img src="../images/gg/huluobo.png" width="145px" height="145px"/><p>爽口源兰州鲜百合 145g 爽口源兰州鲜百合 150g</p><b>¥18.80/斤</b></li>'+
					'</form>';
		var qk = '<form>'+
					'<div class="pudivqk"><em class="reback"></em><p>此操作会清空您的全部浏览历史,请谨慎操作!</p>'+
					'<a href="javascript:;" title="" class="btn-big-w">确认清空</a><a href="javascript:;" title="" class="btn-big-w">取消操作</a>'+
					'</div></form>';
		
		$('.u-sc').click(function(){
			var p2 = Popup.start({
				title   : '提示',
				// url : 'http://www.baidu.com',
				content : ss,
				width:530,
				height:360,
				saveFun:function(data){
					
				},
				hideheaderBar:false,
				hidefooterBar:false,
				btns : ['测试']
			});
			return false;
		})
		
		
		$('.joincart').click(function(){
			var p2 = Popup.start({
				title   : '提示',
				content : ss,
				width:530,
				height:360,
				hideheaderBar:false,
				hidefooterBar:false
			});
			
			$('.pudiv b').html('加入进货单成功!');
			$('.pudiv a').html('查看进货单列表');
			$('.pup').html('购买了该商品的人还查看了');
			
			return false;
		});
		
		$('.clearop').click(function(){
			var p2 = Popup.start({
			title   : '提示',
			// url : 'http://www.baidu.com',
			content : qk,
			width:420,
			height:150,
			saveFun:function(data){
				
			},
			hideheaderBar:false,
			hidefooterBar:false,
			btns : ['测试']
		});
			return false;
		})
		
		//属性选择提示
		var ins = $('#info-select');
		$('.nowbuy').click(function(){
			if (!ins.find('a').hasClass('selected')){
				ins.addClass('in-se-red');
				$(this).parent().parent().addClass('disnone');
			}
			return false;
		});
		ins.find('a').click(function(){
			ins.removeClass('in-se-red');
			$('.nowbuy').parent().parent().removeClass('disnone');
		});
		$('.in-closed').click(function(){
			ins.removeClass('in-se-red');
			$('.nowbuy').parent().parent().removeClass('disnone');
		});
	
		//商品选中
		Tools.setSelected('p-items ul', 'li', 'act', {
			fun:function(view){
				var url  = $(view).find('a').find('img').attr('src').replace('n3', 'n2');
				var urlz = $(view).find('a').find('img').attr('src').replace('n3', 'n1');
				$('#show_pic').attr('src', url);
				$('#zoom_pic').attr('src', urlz);
			}
		});
		
		$(".thumb-list img").click(function(){
			var src = $(this).attr("src");
			var large = $(this).data("large");
			$("#zoomblock>img").attr("src",src);
			$("#zoomblock .he-zoom>img").attr("src",large);
			$(".thumb-list li").each(function(){
				$(this).removeClass('on');
			});
			$(this).parent().addClass('on');
		});
		
		$("img").lazyload();
		
		
		// $('.u-sc').hover(function(){
			// Tools.amHover($(this).find('span'), 'bong');
		// })
		
		$('.u-share li a').hover(function(){
			$(this).css('margin', '-1px 0 0 0');
		},function(){
			$(this).css('margin', '0');
		});
		
		$('.u-sc').hover(function(){
			var tag = $(this).find('span');
			if (tag.css('margin-top')=='0px'){
				tag.animate({opacity:'0.5',marginTop:'-1px'}, 'fast');
				tag.animate({opacity:'1'}, 'fast');
			}
		},function(){
			$(this).find('span').animate({marginTop:'0px'},'fast');
		})
		
	});