<!DOCTYPE HTML>
<html>
<head>
<title>产品详情页面----修改</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<link href="css/common_07.css" type="text/css" rel="Stylesheet"/>
<link href="css/product.css" type="text/css" rel="Stylesheet"/>
<link href="css/product_left.css" type="text/css" rel="Stylesheet"/>
<link href="css/product_right.css" type="text/css" rel="Stylesheet"/>
<link href="css/product_right_detail.css" type="text/css" rel="Stylesheet"/>
<link href="css/product_right_more.css" type="text/css" rel="Stylesheet"/>
</head>
<body>
<!--固定的浮动栏-->
<div id="side_panel">
<a class="research" href="3"><b></b>调查问卷</a>
<a class="gotop" href="#"><b></b>返回顶部</a>
</div>
<!--页面顶部! -->
<div id="top">
<div id="top_box">
<img src="Images/star.jpg"/>
<a href="#">收藏京东 </a>
<pre> <br> </pre>
<div class="rt">
<ul>
<li>您好,欢迎来到京东!<a href="#">[登录]</a> <a href="#">[免费注册]</a></li>
<li><b></b><a href="#">我的订单</a></li>
<li class="vip"><b></b><a href="#">会员俱乐部</a></li>
<li class="dakehu"><b></b><a href="#">企业频道</a></li>
<li id="app_jd" class="app_jd" name="show_hide">
<b></b>
<label class="rt">
<a href="#">手机京东</a>
</label>
<div id="app_jd_items">
<div class="app">
<h3>京东客户端</h3>
<a href="#" class="app"></a>
<a href="#" class="android"></a>
</div>
<div class="bank">
<h3>网银钱包客户端</h3>
<a href="#" class="app"></a>
<a href="#" class="android"></a>
</div>
</div>
</li>
<li id="service" class="service" name="show_hide">
<b></b>
<label class="rt">
<a href="#"> 客户服务</a>
</label>
<ul id="service_items">
<li><a href="#">帮助中心</a></li>
<li><a href="#">售后服务</a></li>
<li><a href="#">在线客服</a></li>
<li><a href="#">投诉中心</a></li>
<li><a href="#">客服邮箱</a></li>
</ul>
</li>
<li id="site_nav" class="site_nav" name="show_hide">
<b></b>
<label class="rt">
<a href="#">网站导航</a>
</label>
<div id="site_nav_items">
<h3>特色栏目</h3>
<ul>
<li><a href="#">京东通信</a></li>
<li><a href="#">校园之星</a></li>
<li><a href="#">视频购物</a></li>
<li><a href="#">京东社区</a></li>
<li><a href="#">在线读书</a></li>
<li><a href="#">装机大师</a></li>
<li><a href="#">京东 E 卡</a></li>
<li><a href="#">家装城</a></li>
<li><a href="#">搭配购</a></li>
<li><a href="#">我喜欢</a></li>
<li><a href="#">游戏社区</a></li>
</ul>
<div></div>
<h3>企业服务</h3>
<ul>
<li><a href="#">企业采购</a></li>
<li><a href="#">办公直通车</a></li>
</ul>
<div></div>
<h3>旗下网站</h3>
<ul>
<li><a href="#">English Site</a></li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="clear"></div>
<!--LOGO和搜索框! -->
<div id="top_main">
<a href="#" class="lf"><img src="images/logo-201305.png" alt="LOGO"/></a>
<div id="search_box" class="lf">
<div id="search_helper">
<p>卫<b>33衣</b><span>约1120个商品</span></p>
<p>卫<b>衣</b><span>约1120个商品</span></p>
<ul>
<li>在<b>男装 > 卫衣</b>分类中搜索<span>约11731个商品</span></li>
<li>在<b>女装 > 卫衣</b>分类中搜索<span>约10253个商品</span></li>
</ul>
<p>卫<b>新</b><span>约1120个商品</span></p>
<p>卫<b>生纸</b><span>约5100个商品</span></p>
<p>卫<b>浴</b><span>约12758商品</span></p>
<p>卫<b>裤</b><span>约1120个商品</span></p>
<p>卫<b>衣 套装</b><span>约1486个商品</span></p>
<p>卫<b>衣 男</b><span>约210个商品</span></p>
<p>卫<b>生纸 套装</b><span>约631个商品</span></p>
</div>
<div class="search">
<input id="txtSearch" type="text" class="text"/>
<input class="button" name="" type="button" value="搜索"/>
</div>
<div class="hot_words">
<span>热门搜索:</span>
<a href="#">家纺11月大促</a>
<a href="#">彩虹电热毯</a>
<a href="#">博洋家纺</a>
<a href="#">霞珍</a>
<a href="#">床垫床褥</a>
<a href="#">九洲鹿被子</a>
<a href="#">南极人家纺</a>
</div>
</div>
<div id="my_jd" class="lf" name='show_hide'>
<div class="my_jd_mt">
我的京东<b></b>
</div>
<div id="my_jd_items">
<p>您好,请<a href="#">登录</a></p>
<ul class="lf">
<li><a href="#">待处理订单</a></li>
<li><a href="#">咨询回复</a></li>
<li><a href="#">降价商品</a></li>
<li><a href="#">返修退换货</a></li>
<li><a href="#">优惠券</a></li>
</ul>
<ul class="lf">
<li><a href="#">我的关注 ></a></li>
<li><a href="#">我的京豆 ></a></li>
<li><a href="#">我的理财 ></a></li>
<li><a href="#">我的白条 ></a></li>
</ul>
</div>
</div>
<div id="settle_up" class="lf" name='show_hide'>
<div class="settle_up_mt">
去购物车结算
<b></b>
</div>
<div id="settle_up_items">
<div id="no_goods">
<b></b>
购物车中还没有商品,赶紧去选购吧
</div>
</div>
</div>
</div>
<div class="clear"></div>
<!--主导航 -->
<div id="nav">
<div id="category" class="category" name='show_hide'>
<div id="cate_mt">
<a href="#">全部商品分类</a>
<span></span>
</div>
<div id="category_items">
<div class="cate_item">
<h3>
<a href="#">图书</a><span>、</span>
<a href="#">音像</a><span>、</span>
<a href="#">数字商品</a>
</h3>
<div class="sub_cate_box">
<div class="sub_cate_items">
<div>
<a href="#">电子书</a>
<p>
<a href="#">免费</a>
<a href="#">小说</a>
<a href="#">励志与成功</a>
<a href="#">婚恋/两性</a>
<a href="#">文学</a>
<a href="#">经营</a>
<a href="#">畅读VIP</a>
</p>
</div>
<div>
<a href="#">数字音乐</a>
<p>
<a href="#">通俗流行</a>
<a href="#">古典音乐</a>
<a href="#">摇滚说唱</a>
<a href="#">爵士蓝调</a>
<a href="#">乡村民谣</a>
<a href="#">有声读物</a>
</p>
</div>
<div>
<a href="#">音像</a>
<p>
<a href="#">音乐</a>
<a href="#">影视</a>
<a href="#">教育音像</a>
<a href="#">游戏</a>
</p>
</div>
<div>
<a href="#">文艺</a>
<p>
<a href="#">小说</a>
<a href="#">文学</a>
<a href="#">青春文学
没有合适的资源?快使用搜索试试~ 我知道了~
京东商品详情页
共122个文件
jpg:94个
png:16个
css:6个
需积分: 48 92 下载量 25 浏览量
2018-08-16
11:28:53
上传
评论 8
收藏 1.91MB RAR 举报
温馨提示
该Demo是本人在学习jQuery过程中仿照京东商品详情页自己制作的,里面包含有详细的css样式、Jquery的代码及注释,希望对有需要的小伙伴有所帮助。
资源推荐
资源详情
资源评论
收起资源包目录
京东商品详情页 (122个子文件)
common_07.css 20KB
product.css 13KB
product_right_more.css 11KB
product_right_detail.css 4KB
product_right.css 4KB
product_left.css 3KB
loading.gif 3KB
error-jd.gif 2KB
loading-jd.gif 166B
index.html 59KB
product_03.jpg 349KB
product-s3-l.jpg 157KB
product_02.jpg 125KB
product_05.jpg 120KB
product-s4-l.jpg 107KB
product-s1-l.jpg 101KB
product_04.jpg 100KB
weilushi.jpg 64KB
left_p001.jpg 58KB
product-s2-l.jpg 55KB
product_01.jpg 53KB
cate_banner_02.jpg 53KB
product-s3-m.jpg 43KB
left_p003.jpg 34KB
app_jd_erwei.jpg 29KB
product-s4-m.jpg 25KB
left_p002.jpg 25KB
product-s1-m.jpg 23KB
cate_banner_01.jpg 18KB
5464795dN8179a200.jpg 18KB
product-s2-m.jpg 13KB
search_02.jpg 12KB
search_02.jpg 12KB
546ab63aNaa4d5732.jpg 10KB
p004.jpg 8KB
weilushi_01.jpg 6KB
show_03.jpg 5KB
show_01.jpg 5KB
cx.jpg 5KB
kx.jpg 5KB
show_02.jpg 5KB
p001.jpg 5KB
p003.jpg 5KB
p002.jpg 5KB
product_03_m.jpg 5KB
jy.jpg 4KB
product_09_m.jpg 4KB
p005.jpg 4KB
cy.jpg 4KB
product_02_m.jpg 4KB
input01.jpg 4KB
input.jpg 4KB
gwc.jpg 3KB
product_01_m.jpg 3KB
product_07_m.jpg 3KB
product_06_m.jpg 3KB
p_small_005.jpg 3KB
product_08_m.jpg 3KB
p_small_008.jpg 3KB
product_10_m.jpg 2KB
p_small_009.jpg 2KB
search_05.jpg 2KB
search_05.jpg 2KB
p_small_007.jpg 2KB
search.jpg 2KB
p_small_006.jpg 2KB
product_04_m.jpg 2KB
p_small_003.jpg 2KB
jd.jpg 2KB
p_small_002.jpg 2KB
product-s3.jpg 2KB
product_05_m.jpg 2KB
dakehu.jpg 2KB
product-s6.jpg 2KB
product-s9.jpg 2KB
product-s10.jpg 2KB
jt_up.jpg 2KB
vip.jpg 2KB
ps02.jpg 2KB
ts05.jpg 1KB
product-s8.jpg 1KB
zf03.jpg 1KB
search_04.jpg 1KB
search_04.jpg 1KB
sh04.jpg 1KB
gw01.jpg 1KB
product-s4.jpg 1KB
star.jpg 1KB
phone.jpg 1KB
product-s5.jpg 1KB
user_01.jpg 1KB
product-s1.jpg 1KB
jtr.jpg 1KB
search_01.jpg 1KB
search_01.jpg 1KB
p_small_001.jpg 1KB
jt_down.jpg 1KB
nav_bg.jpg 1KB
p_small_004.jpg 1KB
jwy_03.jpg 1KB
共 122 条
- 1
- 2
资源评论
Candy_Sir
- 粉丝: 9
- 资源: 10
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功