js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:首页 > 网页特效 > JS常用代码 > 图片相册

jquery仿淘宝商城商品图片预览选择特效代码_js实现产品购买页选择产品特效代码_产品规格特效

发布时间:2017-03-01 13:02:25    您是第0位浏览者

本js特效代码兼容:ie6 、ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等浏览器

jquery仿淘宝商城商品图片预览选择特效代码_js实现产品购买页选择产品特效代码_产品规格特效

jquery仿淘宝商城商品图片预览选择特效代码,js实现产品购买页选择产品特效代码,产品规格特效

$(document).ready(function(){    
	var $miaobian=$('.Xcontent08>div');    
	var $huantu=$('.Xcontent06>img');    
	var $miaobian1=$('.Xcontent26>div');    
	$miaobian.mousemove(function(){miaobian(this);});    
	$miaobian1.click(function(){miaobian1(this);});    
	function miaobian(thisMb){    
		for(var i=0; i<$miaobian.length; i++){    
			$miaobian[i].style.borderColor = '#dedede';    
		}    
		thisMb.style.borderColor = '#cd2426';    
		$huantu[0].src = thisMb.children[0].src;    
	}    
	function miaobian1(thisMb1){    
		for(var i=0; i<$miaobian1.length; i++){    
			$miaobian1[i].style.borderColor = '#dedede';    
		}    
//		thisMb.style.borderColor = '#cd2426';    
		$miaobian.css('border-color','#dedede');    
		thisMb1.style.borderColor = '#cd2426';    
		$huantu[0].src = thisMb1.children[0].src;    
	}    
			$(".Xcontent33").click(function(){    
			var value=parseInt($('.input').val())+1;    
      		$('.input').val(value);    
		})    
	$(".Xcontent32").click(function(){	
    
		var num = $(".input").val()    
		if(num>0){    
			$(".input").val(num-1);    
		}			
    
	})    
})



商城 购买 选择 产品规格

jQuery左侧分类导航特效_jquery商城左侧分类菜单导航_橙色导航菜单特效代码

仿OPPO官方商城jquery焦点图特效

jQuery仿威锋商城右侧多功能返回顶部特效

jquery仿京东商城首页焦点图

jQuery仿2012QQ商城焦点图特效

js仿淘宝商城购物车特效代码_购物车表格_js购物车代码

jquery仿京东商城左侧商品分类导航菜单样式特效_模仿京东二级导航栏_商品分类代码

jquery仿天猫分类导航通栏底部banner切换代码_jquery仿天猫商城左侧商品分类导航菜单样式特效_模仿天猫二级导航栏

jquery实现电子商城网站全屏多张图片滑动切换特效

jquery仿淘宝天猫商城左侧商品分类导航菜单样式特效_模仿淘宝天猫二级导航栏

jquery仿小米官网商城竖直导航菜单样式特效_模仿小米官网二级导航栏

jQuery商城网站商品放大镜查看效果特效代码

jquery仿京东商城首页图片切换特效代码

js放大镜 _jquery图片放大镜特效插件_移动鼠标图片特效代码_商城源码

js实现购物商城图片相册,图片放大展示特效代码

jquery仿淘宝商城商品图片预览选择特效代码_js实现产品购买页选择产品特效代码_产品规格特效

jQuery垂直缩略图相册插件_支持鼠标滑动翻页_适合电子商务商城