jQuery商城商品图片展示下单选购代码

jQuery商城商品图片展示下单选购代码-精品资源网
jQuery商城商品图片展示下单选购代码
此内容为免费资源,请登录后查看
0
免费资源

jQuery商城商品图片展示下单选购代码

jQuery商城商品图片展示下单选购代码是一款类似淘宝网站宝贝主图展示,点击增加减少数量,加入收藏。

js代码

<script   src=\"js/modernizr-custom-v2.7.1.min.js\"></script>
<script>
	$(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);
		}			
		
	})

	})
</script>

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容