jquery仿淘宝商城商品详情页图片展示特效,商品图片选择预览,商品加入购物车,商品购买代码。
js代码
<script type="text/javascript" src="js/modernizr-custom-v2.7.1.min.js"></script>
<script type="text/javascript">
$(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>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791