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>
暂无评论内容