<!DOCTYPE html>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>首页</title>
<meta name="keywords" content="首页" />
<meta name="description" content="首页" />
<link rel="stylesheet" type="text/css" href="css/normalize.css"/>
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function(){
var showproduct = {
"boxid":"showbox",
"sumid":"showsum",
"boxw":400,//宽度,该版本中请把宽高填写成一样
"boxh":400,//高度,该版本中请把宽高填写成一样
"sumw":60,//列表每个宽度,该版本中请把宽高填写成一样
"sumh":60,//列表每个高度,该版本中请把宽高填写成一样
"sumi":7,//列表间隔
"sums":5,//列表显示个数
"sumsel":"sel",
"sumborder":1,//列表边框，没有边框填写0，边框在css中修改
"lastid":"showlast",
"nextid":"shownext"
};//参数定义
$.ljsGlasses.pcGlasses(showproduct);//方法调用，务必在加载完后执行
});
</script>
</head>
<body>
<div class="showall">
<!--left -->
<div class="showbot">
<div id="showbox">
<img src="images/photos/img01.png" width="400" height="400" />
<img src="images/photos/img02.png" width="400" height="400" />
<img src="images/photos/img03.png" width="400" height="400" />
<img src="images/photos/img04.png" width="400" height="400" />
<img src="images/photos/img05.png" width="400" height="400" />
<img src="images/photos/img06.png" width="400" height="400" />
</div><!--展示图片盒子-->
<div id="showsum">
<!--展示图片里边-->
</div>
<p class="showpage">
<a href="javascript:void(0);" id="showlast"> < </a>
<a href="javascript:void(0);" id="shownext"> > </a>
</p>
</div>
<!--conet -->
<div class="tb-property">
<div class="tr-nobdr">
<h3> 凌度行车记录仪尊享版</h3>
</div>
<div class="txt">
<span class="nowprice">￥<a href="">599.00</a></span>
<div class="cumulative">
<span class="number ty1">累计售出<br /><em id="add_sell_num_363">370</em></span>
<span class="number tyu">累计评价<br /><em id="add_sell_num_363">25</em></span>
</div>
</div>
<div class="txt-h">
<span class="tex-o">分类</span>
<ul class="glist" id="glist" data-monitor="goodsdetails_fenlei_click">
<li><a title="红色36g" href="">红色36g</a></li>
<li><a title="蓝色16g" href="">红色36g</a></li>
<!--<li><a title="红色36g" href="">红色36g</a></li>
<li><a title="蓝色16g" href="">红色36g</a></li>-->
</ul>
</div>
<script>
$(document).ready(function(){
//����ı������
var t = $("#text_box");
//��ʼ������Ϊ1,��ʧЧ��
$('#min').attr('disabled',true);
//�������Ӳ���
$("#add").click(function(){
t.val(parseInt(t.val())+1)
if (parseInt(t.val())!=1){
$('#min').attr('disabled',false);
}
})
//�������ٲ���
$("#min").click(function(){
t.val(parseInt(t.val())-1);
if (parseInt(t.val())==1){
$('#min').attr('disabled',true);
}
})
});
</script>
<div class="gcIpt">
<span class="guT">数量</span>
<input id="min" name="" type="button" value="-" />
<input id="text_box" name="" type="text" value="1"style="width:30px; text-align: center; color: #0F0F0F;"/>
<input id="add" name="" type="button" value="+" />
<span class="Hgt">库存（99）</span>
</div>
<div class="nobdr-btns">
<button class="addcart hu"><img src="images/shop.png" width="25" height="25"/>加入购物车</button>
<button class="addcart yh"><img src="images/ht.png" width="25" height="25"/>立即购买</button>
</div>
<div class="guarantee">
<span>邮费：包邮 支持货到付款 <a href=""><img src="images/me.png"/></a></span>
</div>
</div>
<!--right -->
<div class="extInfo">
<div class="brand-logo">
<a href="" title="奥影汽车影音">
<img src="images/ho_03.png"/>
</a>
</div>
<div class="seller-pop-box">
<span class="tr">商家名称：奥影汽车影音奥影汽车影音奥影汽车影音</span>
<span class="tr">商家等级：初级店铺</span>
<span class="tr">客家电话：15012365897</span>
<span class="tr hoh">
<a title="河南郑州市航海路57号河南郑州市航海路57号" href="">所在地区：河南郑州市航海路57号河南郑州市航海路57号</a>
</span>
</div>
<div class="seller-phone">
<span class="pop im">
<a href="" data-name="联系卖家"><img src="images/phon.png"/>联系卖家</a>
</span>
<span class="pop in">
<a href="" data-name="咨询卖家"><img src="images/qq.png"/>咨询卖家</a>
</span>
<span class="pop in">
<a href="" data-name="进店逛逛"><img src="images/shop-line.png"/>进店逛逛</a>
</span>
<span class="pop in">
<a href="" data-name="关注店铺"><img src="images/staar.png"/>关注店铺</a>
</span>
</div>
<div class="jd-service">
<a href="">
<img src="images/ho_07.png"/>
</a>
</div>
商品详情静态页面
5星 · 超过95%的资源 需积分: 47 20 浏览量
2017-07-04
17:10:49
上传
评论 7
收藏 779KB ZIP 举报 
商品详情.zip （30个子文件） 
商品详情页 css 
normalize.css 11KB images 
ko-1.jpg 60KB list_10.jpg 27KB photos 
img03.png 59KB img01.png 42KB img02.png 52KB img04.png 52KB img05.png 65KB img06.png 42KB hdy_07.png 36KB ho_03.png 10KB shop-line.png 389B fod.png 621B ho_11.jpg 7KB staar.png 347B hdy_09.png 27KB ko.jpg 159KB hdy_11.jpg 9KB phon.png 330B ko-2.jpg 104KB list_03.jpg 6KB ht.png 419B me.png 3KB shop.png 372B ho_07.png 2KB qq.png 454B
index.html 17KB js jquery-1.9.1.min.js 90KB common.js 7KB .project 839B
- 1
- 2
前往页