网页设计与开发——HTML、CSS、JavaScript

如链接显示套装，全册，标题与图不符的，请联系客服确认再下单！！！
王维虎、宫婷编 / 人民邮电出版社 / 2014-06 / 平装
售价 0.20
品相 八五品品相描述
优惠
运费
请选择所在地
本店暂时无法向该地区发货
延迟发货说明
时间：
说明：
上书时间2022-08-05
数量: 库存5件
立即购买加入购物车收藏
微信扫描下方二维码
微信扫描打开成功后，点击右上角”...“进行转发
卖家超过10天未登录
商品详情
店铺评价
手机购买
微信扫码访问
图书条目信息
图书 > 教材教辅考试 > 教材 > 大学教材 > 计算机与互联网
网页设计与开发——HTML、CSS、JavaScript
作者: 王维虎编；宫婷编
出版社: 人民邮电出版社
出版时间: 2014-06
版次: 01
ISBN: 9787115352590
定价: 59.80
装帧: 平装
开本: 16开
纸张: 胶版纸
页数: 422页
正文语种: 简体中文
丛书: 普通高等学校计算机教育“十二五”规划教材
内容简介：
　　本书作为Web基础课程的教材，系统全面地介绍了Web基础开发所涉及的HTML+CSS+JavaScript的各类知识。全书共分21章，内容包括网页设计基础、初识HTML、HTML中的表格、表单的使用、图形图像处理技术、多媒体播放技术、HTML高级应用、CSS概述、CSS中的选择器、CSS常用属性、CSS中的变形与动画、JavaScript概述、JavaScript语言基础、函数及其使用、JavaScript对象编程、JavaScript中的事件处理、JavaScript高级应用、Ajax技术的使用、jQuery技术、综合案例——企业门户网站、课程设计——旅游网站前台。全书每章内容都与实例紧密结合，有助于学生理解知识、应用知识，达到学以致用的目的。
　　本书附有配套DVD光盘，光盘中提供有本书所有实例、综合实例、实验、综合案例和课程设计的源代码、制作精良的电子课件PPT及教学录像、《Java Web编程词典(个人版)》体验版学习软件。其中，源代码全部经过精心测试，能够在WindowsXP、Windows 2003、Windows 7系统下编译和运行。
　　本书可作为应用型本科计算机专业、软件学院、高职软件专业及相关专业的教材，同时也适合Web爱好者、初、中级的Web程序开发人员参考使用。
目录：
目　录

第1章　网页设计基础　1
1．1　万维网概述　1
1．2　HTML语言　1
1．3　网页设计相关概念　2
1．3．1　超链接　2
1．3．2　统一资源定位器　2
1．3．3　网站　2
1．3．4　网页　2
1．3．5　首页　3
1．4　网页的开发工具和浏览工具　3
1．4．1　网页开发工具　3
1．4．2　网页浏览工具　4
1．5　网页制作相关技术　5
1．5．1　客户端应用技术　5
1．5．2　服务器端应用技术　7
习题　8

第2章　初识HTML　9
2．1　HTML概述　9
2．1．1　HTML发展历史　9
2．1．2　手工编写页面　10
2．1．3　使用Dreamweaver创建一个HTML页面　11
2．2　文字标记　12
2．2．1　显示普通文字　13
2．2．2　输入特殊符号　13
2．2．3　标题字标记　13
2．2．4　修饰文字的标记　14
2．2．5　修饰字体标记　15
2．3　段落标记　15
2．3．1　段落标记
　16
2．3．2　取消文字换行标记　16
2．3．3　修饰段落的对齐方式属性align　16
2．3．4　保留原始排版方式标记
　16
2．4　超链接标记　17
2．4．1　链接标记　17
2．4．2　书签链接　19
2．5　图片标记和列表标记　20
2．5．1　插入图片标记　20
2．5．2　建立列表　21
2．6　综合实例——个性的留言　23
知识点提炼　24
习题　24
实验：设置字符编码　24
实验目的　24
实验内容　25
实验步骤　25

第3章　HTML中的表格　26
3．1　绘制表格　26
3．1．1　设置表格的标题　27
3．1．2　设置表格的边框属性　27
3．1．3　设置表格的宽度和高度　27
3．1．4　设置表格的边框颜色　28
3．1．5　设置表格的对齐方式　28
3．1．6　设置表格的背景颜色　29
3．1．7　设置表格的背景图片　29
3．2　行标记及属性　29
3．2．1　设置行的高度　30
3．2．2　设置行的边框颜色　30
3．2．3　设置行的背景颜色　30
3．2．4　设置行的水平对齐方式　31
3．2．5　设置行的垂直对齐方式　31
3．3　单元格标记属性　32
3．3．1　设置单元格的大小　32
3．3．2　设置单元格的水平对齐属性　33
3．3．3　设置单元格的垂直对齐属性　33
3．3．4　设置单元格的水平跨度　33
3．3．5　设置单元格的垂直跨度　34
3．3．6　设置单元格的背景色　35
3．3．7　设置单元格的背景图片　35
3．4　表头标记属性　35
3．5　表格的结构标记　36
3．5．1　设置表首样式　36
3．5．2　设置表主体样式　37
3．5．3　设置表尾样式　38
3．6　综合实例——制作一份个人简历　38
知识点提炼　42
习题　42
实验：使用Dreamweaver创建乘法口诀表　42
实验目的　42
实验内容　42
实验步骤　42

第4章　表单的使用　45
4．1　什么是表单　45
4．2　表单标记　45
4．2．1　处理程序action属性　46
4．2．2　表单名称name属性　46
4．2．3　提交方式method属性　46
4．2．4　编码方式enctype属性　46
4．2．5　目标显示方式target属性　47
4．3　输入标记　47
4．3．1　文本域text　48
4．3．2　密码域password　48
4．3．3　单选框radio　49
4．3．4　复选框checkbox　49
4．3．5　普通按钮button　50
4．3．6　提交按钮submit　50
4．3．7　重置按钮reset　50
4．3．8　图像域image　51
4．3．9　隐藏域hidden　52
4．3．10　文件域file　52
4．4　文本区域标记　53<br>4．5　菜单和列表标记<select>，<option>　53<br>4．6　综合实例——制作注册页面　54<br>知识点提炼　56<br>习题　57<br>实验：制作用户登录页面　57<br>实验目的　57<br>实验内容　57<br>实验步骤　57<br><br>第5章　图形图像处理技术　59<br>5．1　Canvas的基础知识　59<br>5．1．1　Canvas是什么　59<br>5．1．2　Canvas元素的基本用法　60<br>5．1．3　绘制带边框矩形　61<br>5．2　在画布中使用路径　62<br>5．2．1　使用arc方法绘制圆形　62<br>5．2．2　使用moveTo与lineTo路径绘制火柴人　63<br>5．2．3　贝塞尔和二次方曲线　64<br>5．3　运用样式与颜色　66<br>5．3．1　fillStyle和strokeStyle属性　66<br>5．3．2　透明度 globalAlpha　67<br>5．3．3　线型 Line styles　68<br>5．4　绘制渐变图形　70<br>5．4．1　绘制线性渐变　70<br>5．4．2　绘制径向渐变　71<br>5．5　组合多个图形　72<br>5．6　给图形绘制阴影　73<br>5．7　图像的应用　74<br>5．7．1　图像的局部放大　74<br>5．7．2　图像平铺　75<br>5．7．3　图像裁剪　76<br>5．7．4　像素的处理　77<br>5．8　绘制文字　78<br>5．9　保存与恢复状态　79<br>5．10　文件的保存　80<br>5．11　综合实例——绘制五角星　80<br>知识点提炼　81<br>习题　81<br>实验：制作大头贴边框　82<br>实验目的　82<br>实验内容　82<br>实验步骤　82<br><br>第6章　多媒体播放技术　83<br>6．1　HTML多媒体概述　83<br>6．1．1　<object>和<embed>元素　83<br>6．1．2　video与audio元素　84<br>6．2　多媒体元素基本属性　85<br>6．3　多媒体元素常用方法　88<br>6．3．1　媒体播放时的方法　88<br>6．3．2　canPlayType(type)方法　89<br>6．4　多媒体元素重要事件　90<br>6．4．1　事件处理方式　90<br>6．4．2　事件介绍　90<br>6．4．3　事件示例　91<br>6．5　综合实例——在HTML文档中播放音频　93<br>知识点提炼　94<br>习题　94<br>实验：在HTML文档中播放视频　95<br>实验目的　95<br>实验内容　95<br>实验步骤　95<br><br>第7章　HTML高级应用　96<br>7．1　WebSQL数据库基础　96<br>7．1．1　打开与创建数据库　96<br>7．1．2　执行事务　97<br>7．1．3　插入数据　97<br>7．1．4　数据管理　98<br>7．2　本地缓存的更新及状态检测　100<br>7．2．1　updateready事件　100<br>7．2．2　update方法　101<br>7．2．3　swapCache方法　102<br>7．2．4　更新本地缓存时触发的其他事件　102<br>7．3　检测在线状态　104<br>7．3．1　navigator．onLine属性　104<br>7．3．2　online与offline事件　105<br>7．3．3　离线数据交互应用开发过程　105<br>7．4　使用Web Workers处理线程　106<br>7．4．1　创建和使用Worker　106<br>7．4．2　单层嵌套　106<br>7．4．3　在多个子线程中进行数据的交互　108<br>7．5　综合实例——应用本地数据库创建留言本　109<br>知识点提炼　111<br>习题　111<br>实验：通过传递JSON对象输出用户信息　111<br>实验目的　111<br>实验内容　112<br>实验步骤　112<br><br>第8章　CSS概述　113<br>8．1　CSS发展概述　113<br>8．2　CSS模块化简介　114<br>8．3　主流浏览器对CSS的支持　115<br>8．4　一个简单的CSS示例　116<br>8．5　综合实例——用CSS 控制登录页面样式　117<br>知识点提炼　118<br>习题　118<br>实验：使用CSS样式添加图像边框　118<br>实验目的　118<br>实验内容　119<br>实验步骤　119<br><br>第9章　CSS中的选择器　120<br>9．1　选择器概述　120<br>9．2　属性选择器　121<br>9．2．1　属性选择器是什么　121<br>9．2．2　灵活运用属性选择器　123<br>9．3　伪类选择器及伪元素　124<br>9．3．1　伪类选择器　124<br>9．3．2　伪元素选择器　124<br>9．4　通用兄弟元素选择器　127<br>9．5　综合实例——随机改变页面的背景色　128<br>知识点提炼　129<br>习题　129<br>实验：设计隔行换色的表格　129<br>实验目的　129<br>实验内容　130<br>实验步骤　130<br><br>第10章　CSS常用属性　132<br>10．1　text-shadow属性　132<br>10．1．1　text-shadow属性的使用方法　132<br>10．1．2　指定多个阴影　133<br>10．2　文本相关属性　134<br>10．2．1　文本自动换行：word-break　134<br>10．2．2　长单词和URL地址换行　135<br>10．3　背景相关属性　136<br>10．3．1　设置背景颜色　136<br>10．3．2　设置背景图片　137<br>10．4　边框相关属性　140<br>10．4．1　设置边框的线宽　140<br>10．4．2　设置边框的样式　141<br>10．4．3　设置边框的颜色　143<br>10．5　内外边距的相关属性　144<br>10．5．1　设置内边距　144<br>10．5．2　设置外边距　145<br>10．6　尺寸相关属性　146<br>10．6．1　设置对象的宽度　146<br>10．6．2　设置对象的高度　147<br>10．7　定位相关属性　149<br>10．7．1　设置定位方式　149<br>10．7．2　设置层叠顺序　150<br>10．7．3　设置与其父对象的上、下、左、右边的距离　150<br>10．8　表格相关属性　152<br>10．8．1　设置表格边框线的显示方式　153<br>10．8．2　设置单元格边框间距　154<br>10．8．3　设置表格标题位于表格的什么位置　155<br>10．8．4　设置表格布局的方式　156<br>10．9　综合实例——设计隔行变色的单线表格　157<br>知识点提炼　158<br>习题　159<br>实验：让多个字条层叠显示　159<br>实验目的　159<br>实验内容　159<br>实验步骤　159<br><br>第11章　CSS中的变形与动画　161<br>11．1　2D变换　161<br>11．1．1　应用transform属性实现平移　162<br>11．1．2　应用transform属性实现缩放　163<br>11．1．3　应用transform属性实现倾斜　165<br>11．1．4　应用transform属性实现旋转　166<br>11．1．5　更改变换的中心点　167<br>11．2　过渡效果　169<br>11．2．1　指定过渡持续的时间　169<br>11．2．2　指定参与过渡的属性　170<br>11．2．3　指定过渡的动画类型　172<br>11．2．4　指定过渡的延迟时间　174<br>11．3　Animation动画　175<br>11．3．1　关键帧　176<br>11．3．2　动画属性　177<br>11．4　综合实例——模拟进度条效果　179<br>知识点提炼　180<br>习题　181<br>实验：实现方形变圆形动画效果　181<br>实验目的　181<br>实验内容　181<br>实验步骤　181<br><br>第12章　JavaScript概述　183<br>12．1　JavaScript概貌　183<br>12．1．1　JavaScript的历史起源　183<br>12．1．2　JavaScript的主要特点　184<br>12．1．3　JavaScript成功案例　184<br>12．2　搭建JavaScript开发环境　186<br>12．2．1　硬件要求　186<br>12．2．2　软件要求　186<br>12．2．3　浏览器对JavaScript的支持　186<br>12．3　编写JavaScript的工具　187<br>12．3．1　Adobe Dreamweaver　188<br>12．3．2　Microsoft FrontPage　188<br>12．4　JavaScript在HTML中的使用　188<br>12．4．1　在页面中直接嵌入JavaScript　189<br>12．4．2　链接外部JavaScript　189<br>12．5　综合实例——用JS输出中文字符串　190<br>知识点提炼　191<br>习题　191<br>实验：使用Dreamweaver创建JS文件　191<br>实验目的　191<br>实验内容　191<br>实验步骤　191<br><br>第13章　JavaScript语言基础　193<br>13．1　JavaScript语法前奏　193<br>13．1．1　执行顺序　193<br>13．1．2　大小写敏感　194<br>13．1．3　每行结尾的分号可有可无　194<br>13．2　常用的几种JavaScript数据结构　194<br>13．2．1　标识符　194<br>13．2．2　关键字　195<br>13．2．3　最常程序元素之一——常量　195<br>13．2．4　最常程序元素之二——变量　195<br>13．3　数据是如何分类的——数据类型　197<br>13．3．1　数字型数据　197<br>13．3．2　字符串型　198<br>13．3．3　布尔型　199<br>13．3．4　特殊数据类型　200<br>13．4　运算符　201<br>13．4．1　算术运算符　201<br>13．4．2　比较运算符　201<br>13．4．3　赋值运算符　202<br>13．4．4　字符串运算符　203<br>13．4．5　布尔运算符　203<br>13．4．6　条件运算符　204<br>13．4．7　其他运算符　204<br>13．4．8　运算符优先级　205<br>13．5　JavaScript流程控制语句　206<br>13．5．1　最简单的赋值语句　206<br>13．5．2　条件控制语句　206<br>13．5．3　循环控制语句　210<br>13．6　字符串处理技术　213<br>13．6．1　match方法　213<br>13．6．2　search方法　214<br>13．6．3　replace方法　214<br>13．6．4　split方法　214<br>13．7　JavaScript中的数组对象　215<br>13．7．1　Array对象概述　215<br>13．7．2　常见的几种数组操作　217<br>13．8　综合实例——使用数组存储商品信息　219<br>知识点提炼　219<br>习题　220<br>实验：将数字格式化为指定长度　220<br>实验目的　220<br>实验内容　220<br>实验步骤　220<br><br>第14章　函数及其使用　222<br>14．1　函数的定义　222<br>14．2　函数的调用　223<br>14．2．1　函数的简单调用　223<br>14．2．2　在事件响应中调用函数　224<br>14．2．3　通过链接调用函数　224<br>14．2．4　函数参数的使用　224<br>14．2．5　使用函数的返回值　225<br>14．3　几种特殊的函数　226<br>14．3．1　Function构造函数与函数直接量　226<br>14．3．2　JavaScript中的内置函数　226<br>14．3．3　嵌套函数的使用　228<br>14．3．4　递归函数的使用　229<br>14．4　综合实例——显示系统时间　230<br>知识点提炼　231<br>习题　231<br>实验：将长数字分位显示　231<br>实验目的　231<br>实验内容　232<br>实验步骤　232<br><br>第15章　JavaScript对象编程　233<br>15．1　Window窗口对象　233<br>15．1．1　Window对象　233<br>15．1．2　对话框(Dialog)　235<br>15．1．3　窗口对象常用操作　237<br>15．2　Document文档对象　244<br>15．2．1　文档对象概述　244<br>15．2．2　文档对象的常用属性、方法与事件　244<br>15．2．3　Document对象的应用　246<br>15．3　JavaScript与表单操作　251<br>15．3．1　在JavaScript中访问表单　251<br>15．3．2　在JavaScript中访问表单域　251<br>15．3．3　表单的验证　251<br>15．4　DOM对象　253<br>15．4．1　DOM概述　253<br>15．4．2　DOM对象节点属性　255<br>15．4．3　节点的几种操作　258<br>15．4．4　获取文档中的指定元素　264<br>15．4．5　与DHTML相对应的DOM　265<br>15．5　综合实例——通过JS操作XML实现分页　267<br>知识点提炼　268<br>习题　269<br>实验：动态设置网页的标题栏　269<br>实验目的　269<br>实验内容　269<br>实验步骤　269<br><br>第16章　JavaScript中的事件<br>处理　270<br>16．1　事件与事件处理概述　270<br>16．1．1　事件与事件名称　270<br>16．1．2　JavaScript的常用事件　271<br>16．1．3　事件处理程序的调用　272<br>16．2　DOM事件模型　273<br>16．2．1　事件流　273<br>16．2．2　主流浏览器的事件模型　274<br>16．2．3　事件对象　274<br>16．2．4　注册与移除事件监听器　275<br>16．3　鼠标键盘事件　276<br>16．3．1　鼠标的单击事件　276<br>16．3．2　鼠标的按下或松开事件　277<br>16．3．3　鼠标的移入移出事件　278<br>16．3．4　鼠标的移动事件　279<br>16．3．5　键盘事件的使用　279<br>16．4　页面事件　281<br>16．4．1　加载与卸载事件　281<br>16．4．2　页面大小事件　282<br>16．5　表单事件　283<br>16．5．1　获得焦点与失去焦点事件　283<br>16．5．2　失去焦点修改事件　284<br>16．5．3　表单提交与重置事件　284<br>16．6　综合实例——限制文本框的输入　287<br>知识点提炼　287<br>习题　288<br>实验：屏蔽键盘相关事件　288<br>实验目的　288<br>实验内容　288<br>实验步骤　288<br><br>第17章　JavaScript高级应用　290<br>17．1　创建和使用Cookie　290<br>17．1．1　Cookie的常用属性　290<br>17．1．2　Cookie的传递流程　291<br>17．1．3　如何对Cookie进行读写　291<br>17．1．4　Cookie的安全问题　295<br>17．2　JavaScript中的图像处理　295<br>17．2．1　图像处理对象——Image对象　295<br>17．2．2　JavaScript中的图像应用　296<br>17．3　嵌入式插件的使用　300<br>17．3．1　object嵌入对象标记概述　300<br>17．3．2　在网页中使用Flash动画　301<br>17．4　文件处理及页面打印　303<br>17．4．1　文件处理对象　303<br>17．4．2　页面打印　311<br>17．5　综合实例——将页面中的表格导出到Word并打印　317<br>知识点提炼　319<br>习题　319<br>实验：无间断的图片滚动效果　319<br>实验目的　319<br>实验内容　319<br>实验步骤　319<br><br>第18章　Ajax技术的使用　321<br>18．1　Ajax成功案例　321<br>18．1．1　百度搜索提示　321<br>18．1．2　淘宝新会员免费注册　322<br>18．1．3　明日科技编程词典服务网　322<br>18．2　Ajax开发模式与传统开发模式的比较　323<br>18．3　Ajax技术特点　324<br>18．4　Ajax使用的技术　324<br>18．4．1　XMLHttpRequest对象　324<br>18．4．2　XML　324<br>18．4．3　JavaScript　325<br>18．4．4　CSS　325<br>18．4．5　DOM　325<br>18．5　XMLHttpRequest对象　325<br>18．5．1　初始化XMLHttpRequest对象　325<br>18．5．2　XMLHttpRequest对象的常用属性　326<br>18．5．3　XMLHttpRequest对象的常用方法　328<br>18．6　Ajax的重构　332<br>18．6．1　Ajax重构的步骤　332<br>18．6．2　实时显示商城公告　334<br>18．7　综合实例——多级联动下拉列表　335<br>知识点提炼　337<br>习题　337<br>实验：显示上传进度条　337<br>实验目的　337<br>实验内容　337<br>实验步骤　337<br><br>第19章　jQuery技术　341<br>19．1　jQuery概述　341<br>19．1．1　jQuery能做什么　341<br>19．1．2　jQuery的特点　343<br>19．2　jQuery下载与配置　343<br>19．2．1　下载jQuery　344<br>19．2．2　配置jQuery　344<br>19．3　jQuery的插件　345<br>19．3．1　插件的使用　345<br>19．3．2　流行的插件　345<br>19．4　jQuery选择器　347<br>19．4．1　jQuery的工厂函数　347<br>19．4．2　基本选择器　347<br>19．4．3　层级选择器　352<br>19．4．4　过滤选择器　357<br>19．4．5　表单选择器　362<br>19．5　jQuery控制页面　364<br>19．5．1　对元素内容和值进行操作　364<br>19．5．2　对DOM节点进行操作　366<br>19．5．3　对元素属性进行操作　369<br>19．5．4　对元素的CSS样式操作　369<br>19．6　jQuery的事件处理　370<br>19．6．1　页面加载响应事件　371<br>19．6．2　jQuery中的事件　371<br>19．6．3　事件绑定　373<br>19．6．4　模拟用户操作　373<br>19．7　jQuery的动画效果　375<br>19．7．1　基本的动画效果　375<br>19．7．2　淡入淡出的动画效果　377<br>19．7．3　滑动效果　378<br>19．7．4　自定义的动画效果　380<br>19．8　综合实例——隔行换色并且鼠标指向行变色的表格　381<br>知识点提炼　383<br>习题　383<br>实验：实现图片传送带　383<br>实验目的　383<br>实验内容　384<br>实验步骤　384<br><br>第20章　综合案例——企业门户网站　387<br>20．1　概述　387<br>20．2　系统设计　387<br>20．2．1　系统目标　387<br>20．2．2　系统功能结构　388<br>20．2．3　网页预览　388<br>20．3　关键技术　390<br>20．3．1　JavaScript脚本操作　391<br>20．3．2　jQuery技术　393<br>20．3．3　Ajax无刷新技术　394<br>20．4　系统主要模块开发　398<br>20．4．1　使用JavaScript技术实现导航菜单设计　398<br>20．4．2　使用jQuery技术实现图片展示区　400<br>20．4．3　使用Ajax技术实现最新消息页面　402<br>20．4．4　使用JavaScript脚本实现产品推荐页面　404<br>20．4．5　使用JavaScript脚本实现浮动窗口设计　405<br>20．5　小结　407<br><br>第21章　课程设计——旅游网站前台　408<br>21．1　课程设计目的　408<br>21．2　功能描述　408<br>21．3　网站总体设计　408<br>21．3．1　构建开发环境　408<br>21．3．2　网站功能结构　409<br>21．4　实现过程　409<br>21．4．1　设计网站公共header　409<br>21．4．2　设计网站公共footer　415<br>21．4．3　显示网站介绍及相关图片　416<br>21．4．4　主页左侧导航的实现　418<br>21．4．5　播放音乐　420<br>21．4．6　添加留言功能的实现　421<br>21．5　课程设计总结　422</p>                        </dd>
                    </dl>
                            </div>
        </div>
        <!--收起提示-->
        <p class="open-more">展开全部</p>
    </div>
                        <!--右边货号-->
            <!-- itemSn tpl -->
<!-- 货号信息 -->
<div class="book-itemSn">
    <dl class="book-itemSn-desc">
        <dt>货号：</dt>
        <dd>
            <span>9787115352590</span>
        </dd>
    </dl>
</div>
            <!--右边图书描述区-->
            <!-- itemDesc tpl -->
    <!--描述信息-->

            <div class="book-describe">
            <dl class="book-quality-desc">
                <dt>品相描述：八五品</dt>
                <dd>
                    47421485                </dd>
            </dl>
        </div>
                            
            <!--右边图文介绍区-->
            <!-- itemPics tpl -->


            <!--右边配送说明-->
            <!-- dispatching tpl -->
<!--配送说明-->
<div class="dispatch-instruct">
    <p class="dispatch-title">配送说明</p>
    <p class="dispatch-text">
         ...
    </p>
</div>

            <!--右边特色专题-->
            <!-- relatedSpecial tpl -->
<!-- 相关专题 -->

<!--包含该商品的其他专题-->
<div class="other_special"></div>


            
            <!--相似商品-->
            <div class="special-intro resemble_goods">
              <div class="book_list_box">
                  <p class="book_list_title">相似商品</p>
                  <ul class="clearfix">
                  </ul>
              </div>
            </div>
            <!--新推荐-->
            <div class="special-intro recommend_goods">
              <div class="book_list_box">
                  <p class="book_list_title">为你推荐</p>
                  <ul class="clearfix">
                  </ul>
              </div>
            </div>
          </li>
          <li class="shop-remark-page" style="display: none">
            <!--商品评价-->
            <div class="shop-reviews-wrap" id="shop-reviews"></div>
          </li>
        </ul>
        <div class="shelter-block"></div>
      </div>
      <!--左边栏搜索区-->
      <div class="left-block">
        <div id="shortNotice">

</div>

<script id="shortNotice-tpl" type="text/x-dot-template">
    {{? it.content}}
    <div class="temporary_box">
        <div class="temporary_title i_title clearfix">
            <span class="pull-left">临时通知</span>
        </div>
        <div class="temporary_content">
            <p>
                {{=it.content || ''}}
            </p>
            <div class="temporary_time">
                {{=it.modifyTime || it.createTime || ''}}
            </div>
            <div class="btn-box up clearfix" style="display: none;">
                <div class="open-btn btn pull-right"><span>展开全部</span><i class="iconfont icon-xiala"></i></div>
                <div class="close-btn btn pull-right"><span>收起</span><i class="iconfont icon-shangshou"></i></div>
            </div>
        </div>

    </div>
    {{?}}
</script>

<script type="application/javascript">
     window.shortNoticeData = {"shopId":"614423"} || {};
</script>        <!-- 左侧专题列表 Start -->
<!-- 左侧专题列表 End -->                    <div class="CategoryBar_box">
        <div class="CategoryBar_title i_title">孔网分类</div>
        <div class="CategoryBar_content">

                            <div class="CategoryBar_content_title">孔网特色</div>
                <ul>
                                            <li class="special_item"><a href="https://shop.kongfz.com/614423/cat_6/" target="_blank">外文古旧书<i>(1)</i></a></li>
                                    </ul>
            
                            <div class="CategoryBar_content_title">图书</div>
                <ul>
                                            <li class="special_item"><a href="https://shop.kongfz.com/614423/cat_32/" target="_blank">教材教辅考试<i>(22470)</i></a></li>
                                            <li class="special_item"><a href="https://shop.kongfz.com/614423/cat_31/" target="_blank">计算机与互联网<i>(3048)</i></a></li>
                                            <li class="special_item"><a href="https://shop.kongfz.com/614423/cat_11/" target="_blank">工程技术<i>(2819)</i></a></li>
                                            <li class="special_item"><a href="https://shop.kongfz.com/614423/cat_14/" target="_blank">经济<i>(2515)</i></a></li>
                                            <li class="special_item"><a href="https://shop.kongfz.com/614423/cat_13/" target="_blank">语言文字<i>(2329)</i></a></li>
                                            <li class="special_item"><a href="https://shop.kongfz.com/614423/cat_1/" target="_blank">文学<i>(2143)</i></a></li>
                                            <li class="special_item"><a href="https://shop.kongfz.com/614423/cat_15/" target="_blank">自然科学<i>(1879)</i></a></li>
                                            <li class="special_item"><a href="https://shop.kongfz.com/614423/cat_4/" target="_blank">艺术<i>(1594)</i></a></li>
                                            <li class="special_item"><a href="https://shop.kongfz.com/614423/cat_25/" target="_blank">管理<i>(1536)</i></a></li>
                                            <li class="special_item"><a href="https://shop.kongfz.com/614423/cat_7/" target="_blank">社会文化<i>(1031)</i></a></li>
                                            <li class="special_item"><a href="https://shop.kongfz.com/614423/cat_5/" target="_blank">法律<i>(870)</i></a></li>
                                            <li class="special_item"><a href="https://shop.kongfz.com/614423/cat_44/" target="_blank">哲学心理学<i>(590)</i></a></li>
                                            <li class="special_item"><a href="https://shop.kongfz.com/614423/cat_26/" target="_blank">生活<i>(475)</i></a></li>
                                            <li class="special_item"><a href="https://shop.kongfz.com/614423/cat_17/" target="_blank">医药卫生<i>(444)</i></a></li>
                                            <li class="special_item"><a href="https://shop.kongfz.com/614423/cat_28/" target="_blank">教育<i>(399)</i></a></li>
                                            <li class="special_item"><a href="https://shop.kongfz.com/614423/cat_18/" target="_blank">政治<i>(364)</i></a></li>
                                            <li class="special_item"><a href="https://shop.kongfz.com/614423/cat_27/" target="_blank">童书<i>(297)</i></a></li>
                                            <li class="special_item"><a href="https://shop.kongfz.com/614423/cat_43/" target="_blank">小说<i>(223)</i></a></li>
                                            <li class="special_item"><a href="https://shop.kongfz.com/614423/cat_3/" target="_blank">历史<i>(167)</i></a></li>
                                            <li class="special_item"><a href="https://shop.kongfz.com/614423/cat_12/" target="_blank">国学古籍<i>(145)</i></a></li>
                                            <li class="special_item"><a href="https://shop.kongfz.com/614423/cat_19/" target="_blank">体育<i>(102)</i></a></li>
                                            <li class="special_item"><a href="https://shop.kongfz.com/614423/cat_20/" target="_blank">综合性图书<i>(70)</i></a></li>
                                            <li class="special_item"><a href="https://shop.kongfz.com/614423/cat_24/" target="_blank">军事<i>(31)</i></a></li>
                                            <li class="special_item"><a href="https://shop.kongfz.com/614423/cat_23/" target="_blank">地理<i>(13)</i></a></li>
                                            <li class="special_item"><a href="https://shop.kongfz.com/614423/cat_29/" target="_blank">宗教<i>(4)</i></a></li>
                                            <li class="special_item"><a href="https://shop.kongfz.com/614423/cat_59/" target="_blank">收藏与鉴赏<i>(2)</i></a></li>
                                    </ul>
            
            
            
        </div>
    </div>
      </div>
    </div>
  </div>
</div>

<!--版本权限区-->
<div class="foot-help-wrapper"></div>
<div class="footer-box">
    <div class="footer-wrap clearfix">
        <div class="copyright-info-box">© 2002-2024  Kongfz.com 孔夫子旧书网  版权所有</div>
        <div class="link-box">
            <a class="item" target="_blank" rel="nofollow" href="https://www.kongfz.com/help/aboutus.php">关于孔网</a>
            <a class="item" target="_blank" rel="nofollow" href="https://www.kongfz.com/help/lianxi.html">联系我们</a>
            <a class="item" target="_blank" rel="nofollow" href="https://help.kongfz.com/">帮助中心</a>
            <a class="item" target="_blank" rel="nofollow" href="https://www.kongfz.com/help/copyright.php">版权隐私</a>
            <a class="item" target="_blank" rel="nofollow" href="https://www.kongfz.com/help/guanggao.php">广告业务</a>
            <a class="item" target="_blank" rel="nofollow" href="https://www.kongfz.com/help/zhaopin.php">工作机会</a>
            <a class="item" target="_blank" href="https://m.kongfz.com/">移动版</a>
            <a class="item" target="_blank" href="https://book.kongfz.com/">图书目录</a>
            <a class="item" target="_blank" href="https://bq.kongfz.com/">图书标签</a>
            <a class="item" target="_blank" href="https://www.kongfz.com/topic/">热搜书籍</a>
            <a class="item" target="_blank" href="https://www.kongfz.com/writer/">作家大全</a>
        </div>
    </div>
</div>

<!-- 直播间入口 -->
<div class="liveroom-entry-window">
    <!-- 预告状态入口 -->
    <div class="preview-entry">
        <img src="../../../../img/live/close-icon.png" class="close-icon">
        <img src="" class="poster" id="prepare-poster" onerror="this.src='../../../../img/live/error_image.jpg'">
        <div class="info">
            <h6 class="live-name">孔网啦啦啦啦啦纺织女工火锅店第三课</h6>
            <p class="start-time-line">开播时间：<span class="start-time">09月02日 10:30</span></p>
        </div>
        <div class="tip">即将开播，去预约</div>
    </div>

    <!-- 直播中入口 -->
    <div class="running-entry">
        <img src="../../../../img/live/close-icon.png" class="close-icon">
        <div class="video-wrap">
            <video id="live-video" src="" muted loop autoplay="true"></video>
            <img src="" class="poster"  id="running-poster" onerror="this.src='../../../../img/live/error_image.jpg'"/>
        </div>
        <div class="tip"><img src="../../../../img/live/living.gif" class="live-icon"> 直播中，去观看</div>
    </div>
</div>
<!-- 直播间入口--小窗口 -->
<div class="liveroom-entry-window-mini" style="bottom:260px;">
    <div class="icon-wrap">
        <img src="../../../../img/live/living.gif" class="live-icon">
        <img src="../../../../img/live/living-static.png" class="live-icon-static">
    </div>
    <span class="liveroom-entry-txt"></span>
</div>

<!--满包邮信息-->
<script type="text/x-dot-template" id="layout-content">
  {{~it.tiaojian:value:index}}
  <dl>
    <dt><i class="small-block"></i>
      {{? value.neirong}}
      {{= value.neirong}}
      {{?}}
      {{? value.delivery}}
      ({{= value.delivery}})
      {{?}}
    </dt>
    <dt>包邮地区：</dt>
    <dd>{{= value.area}}</dd>
  </dl>
  {{~}}
  {{? it.startTime&&it.realEndTime&&it.stateText}}
  <p class="cross-line"></p>
  {{?}}
  {{? it.startTime&&it.realEndTime}}
  <dl style="margin-top: 10px">
    <dt>活动时间：</dt>
    <dd>从{{=it.startTime}}开始,到{{=it.realEndTime}}结束</dd>
  </dl>
  {{?}}
  {{? it.stateText}}
  <dl>
    <dt>活动说明：</dt>
    <dd>{{=it.stateText}}</dd>
  </dl>
  {{?}}
</script>
<div id="layout-content-text" style="display: none">

</div>
<!--运费方式下拉-->
<script id="exp-group" type="text/x-dot-template">
  <span class="express-result">
        <span class="express-val"></span>
        <span class="iconfont">
            <i class="icon-xiala"></i>
            <i class="icon-shangshou"></i>
        </span>
    </span>
  <ul class="express-layout">
    {{~it.feeInfo:value:index}}
    {{? index != it.key}}
    {{? value.shippingId == 'noLogistics' || value.shippingId == 'negotiable'}}
    <li index="{{= index}}">{{= value.shippingName }}</li>
    {{?? value.shippingId == 'group'}}
    <li index="{{= index}}">{{= value.shippingName }} {{= value.initialFee}}</li>
    {{??}}
    <li index="{{= index}}">{{= value.shippingName }} ￥{{= value.initialFee}}</li>
    {{?}}
    {{?}}
    {{~}}
  </ul>
</script>

<!--运费方式顺序组合-->
<script id="express-group" type="text/x-dot-template">
  {{? it.other.isShowExpress}}
  <span class="express-box">{{= it.other.expressInfo['shippingName'] + " " + '￥' + it.other.expressInfo['initialFee'] }}</span>
  {{?}}
  {{? it.other.isShowRegisterPost}}
  <span class="registerPost-box">{{= it.other.registerPostInfo['shippingName'] + " " + '￥' + it.other.registerPostInfo['initialFee'] }}</span>
  {{?}}
  {{? it.other.otherInfo.length == 1}}
  <div class="express-result-outbox">
    <span class="express-result one">
      <span class="express-val"></span>
    </span>
  </div>
  {{?}}
  {{? it.other.otherInfo.length > 1}}
  <div class="express-result-outbox">
    <span class="express-result">
      <span class="express-val"></span>
      <span class="iconfont">
          <i class="icon-xiala"></i>
          <i class="icon-shangshou"></i>
      </span>
    </span>
    <ul class="express-layout">
      {{~it.other.otherInfo:value:index}}
      {{? index != it.key}}
      {{? value.shippingId == 'noLogistics' || value.shippingId == 'negotiable'}}
      <li index="{{= index}}">{{= value.shippingName }}</li>
      {{?? value.shippingId == 'group'}}
      <li index="{{= index}}">{{= value.shippingName }} {{= value.initialFee}}</li>
      {{??}}
      <li index="{{= index}}">{{= value.shippingName }} ￥{{= value.initialFee}}</li>
      {{?}}
      {{?}}
      {{~}}
    </ul>
  </div>
  {{?}}
</script>

<!--加入购物车成功弹框-->
<script id="add-cart-layout" type="text/template">
  <div class="cart-text"><p><i class="iconfont icon-gouwuche2"></i>成功加入购物车</p></div>
  <div class="cart-link clearfix"><a>去购物车结算</a></div>',
</script>

<!--立即购买弹框样式-->
<script id="template_notice_item" type="text/template">
  <div class="win_content" id="product_change">
    <ul class="bt clearfix">
      <li class="part_left pull-left">商品</li>
      <li class="part_right pull-right">提示信息</li>
    </ul>
    <div id='book_content_box' class="book_content_box" style="height: <%=
                                        function(){
                                            var count = 0;
                                            for (var property in item) {
                                            if (Object.prototype.hasOwnProperty.call(item, property)) {
                                                count++;
                                            } }
                                            return 66*count;
                                        }() %>px">
      <% $.each(item, function(i, book){ %>
      <ul class="clearfix <%= ( !KFZ.itemAllFail &&  book.detail != 'noticeItem') ? 'bg_gray':'' %>">
        <li class="part_left pull-left">
          <div class="shop_name"><a><%= book.itemName %></a></div>
          <div class="number">
                                                <span class="<%= book.detail == 'noticeItem' ? 'del':'' %> m_r10">
                                                    <% if(book.detail == 'noticeItem' || book.detail == 'invalidItem'){ %>
                                                    ¥<%= (+book.originPrice).toFixed(2) %> ×<%= book.originStock %>
                                                    <% }else{ %>
                                                    ¥<%= (+book.price).toFixed(2) %> ×<%= book.numbers %>
                                                    <% } %>
                                                </span>
            <% if(book.detail == 'noticeItem'){ %>
            <% if(book.currentPrice){ %>
            <span
                    class="red">¥<%= (+book.currentPrice).toFixed(2) %> ×<%= book.currentStock || book.originStock %></span>
            <% }else{ %>
            <span
                    class="red">¥<%= (+book.originPrice).toFixed(2) %> ×<%= book.currentStock || book.originStock %></span>
            <% } %>
            <% } %>
          </div>
        </li>
        <li class="part_right pull-right"><%= book.desc %></li>
      </ul>
      <% }); %>
    </div>
</script>

<!--店铺评论-->
<script id="shop-reviews-nav" type="text/x-dot-template">
  <div class="shop-reviews">
    <div class="shop-reviews-label clear-fix">
      <div class="shop-reviews-rate">
        <div class="shop-reviews-rate-text">好评率</div>
        <div class="shop-reviews-rate-socre"><span class="shop-reviews-rate-nu">{{=it.goodReviewRate}}</span><span class="shop-reviews-rate-perc">%</span></div>
      </div>
      <div class="shop-reviews-label-itemW">
        <div class="shop-reviews-label-wrapper">
          {{ for(var prop in it.reviewCusTag) { }}
          <span class="shop-reviews-label-item" data-rate="{{= it.reviewCusTag[prop].rating}}">{{= it.reviewCusTag[prop].tagName }}({{= it.reviewCusTag[prop].num}})</span>
          {{ } }}
          <div class="shop-reviews-emptyLabel">此店铺暂时还没有买家印象哦~</div>
        </div>
      </div>
    </div>
    <div class="filter-area clear-fix">
      <ul class="review-filter clear-fix">
        <li class="selected" data-lev="{{=it.reviewPlainTag[0].rating}}">
          <div class="iconfont-box">
            <i class="iconfont icon-yuanxuankuang"></i>
            <i class="iconfont icon-yuangouxuan"></i>
          </div>
          {{=it.reviewPlainTag[0].tagName}}
          <span class="total-count">{{=it.reviewPlainTag[0].num}}</span>
        </li>
        <li class="" data-lev="{{=it.reviewPlainTag[1].rating}}">
          <div class="iconfont-box">
            <i class="iconfont icon-yuanxuankuang"></i>
            <i class="iconfont icon-yuangouxuan"></i>
          </div>
          {{=it.reviewPlainTag[1].tagName}}
          <span class="good-count">{{=it.reviewPlainTag[1].num}}</span>
        </li>
        <li class="" data-lev="{{=it.reviewPlainTag[2].rating}}">
          <div class="iconfont-box">
            <i class="iconfont icon-yuanxuankuang"></i>
            <i class="iconfont icon-yuangouxuan"></i>
          </div>
          {{=it.reviewPlainTag[2].tagName}}
          <span class="good-count">{{=it.reviewPlainTag[2].num}}</span>
        </li>
        <li class="" data-lev="{{=it.reviewPlainTag[3].rating}}">
          <div class="iconfont-box">
            <i class="iconfont icon-yuanxuankuang"></i>
            <i class="iconfont icon-yuangouxuan"></i>
          </div>
          {{=it.reviewPlainTag[3].tagName}}
          <span class="common-count">{{=it.reviewPlainTag[3].num}}</span>
        </li>
        <li class="" data-lev="{{=it.reviewPlainTag[4].rating}}">
          <div class="iconfont-box">
            <i class="iconfont icon-yuanxuankuang"></i>
            <i class="iconfont icon-yuangouxuan"></i>
          </div>
          {{=it.reviewPlainTag[4].tagName}}
          <span class="bad-count">{{=it.reviewPlainTag[4].num}}</span>
        </li>
      </ul>
      {{? it.onlyItem != 0}}
      <div class="filter-current">
        <div class="iconfont-box">
          <i class="iconfont icon-fangxuankuang"></i>
          <i class="iconfont icon-fanggouxuan"></i>
        </div>
        <span>只看当前商品评价</span>
      </div>
      {{?}}
    </div>
    <div class="shop-reviews-container">
      <div class="review-container-inner">

      </div>
    </div>
    <div class="review-hide-content">
      <div class="review-hide-content-auto"></div>
      <div class="review-hide-content-noHelp">已折叠对您购买参考帮助不大的评价 <span class="review-hide-content-click">查看</span></div>
    </div>
    <div class="pager-wrapper clearfix">

    </div>
  </div>
</script>
<script id="shop-reviews-content" type="text/x-dot-template">
  {{~it:reviewItem:reviewIndex}}
  <div class="review-content clear-fix">
    <div class="review-user-pic"><img src="{{=reviewItem.userPic || '/img/pc/default_avator.jpg'}}" onerror="javascript:this.src='/img/pc/default_avator.jpg';" alt=""></div>
    <div class="review-content-block">
      <div class="review-content-userInfo">
        <span class="review-content-userName">{{=reviewItem.appraiserNickname}}</span>
        <span class="marker-rank rank-style-{{=reviewItem.buyerClass}}"></span>
      </div>
      <div class="review-content-shopName">{{=reviewItem.itemName}}</div>
      <div class="review-content-mainTxt">{{=reviewItem.content}}</div>
      {{if (reviewItem["reviewPic"].length > 0) {}}
      <div class="review-content-imageWrapper">
        <div class="review-content-imageWrapper-small clear-fix">
          {{~reviewItem.reviewPic:picItem:reviewImgIndex}}
          <div class="review-content-imageItem" data-index="{{= reviewIndex}}-{{= reviewImgIndex}}"><img src="{{= picItem.small.imgUrl}}" alt="">
            {{? reviewItem.contentType == 1}}
            {{? picItem.big.width > picItem.big.height}}
            <img class="hover-big-img" style="width: 209px;height: {{= picItem.big.height * 209 / picItem.big.width + 'px' }}" src="{{= picItem.big.imgUrl}}" alt="">
            {{??}}
            <img class="hover-big-img" style="height: 228px;width: {{= picItem.big.width * 228 / picItem.big.height + 'px' }}" src="{{= picItem.big.imgUrl}}" alt="">
            {{?}}
            {{?}}
          </div>

          {{~}}
        </div>
        <div class="review-content-bigImg empty_height" id="bigImg{{=reviewIndex}}">
          <div class="review-content-bigImg-close"><img src="/img/pc/icon/close.png" alt=""></div>
          <div class="review-content-bigImg-slideLeft"><img class="slideImg" src="/img/pc/slide-left.png" alt=""></div>
          <img src="" alt="">
          <div class="review-content-bigImg-slideRight"><img class="slideImg" src="/img/pc/slide-right.png" alt=""></div>
        </div>
      </div>
      {{ } }}
      {{? reviewItem.reviewTag.length > 0 }}
      <div class="review-item-tagWrapper clear-fix">
        {{~reviewItem.reviewTag:value}}
        <span class="review-item-tagWrapper-span">{{=value.tagName}}</span>
        {{~}}
      </div>
      {{?}}
      {{? reviewItem.recontent}}
      <div class="review-owner-reply"><span class="review-owner-reply-label">店主回复：</span><span class="review-owner-reply-content">{{= reviewItem.recontent}}</span></div>
      {{?}}
      <div class="review-content-time">{{=reviewItem.reviewTime}}</div>
    </div>
    {{? reviewIndex + 1 < it.length}}
    <div class="review-review-divid"></div>
    {{?}}
  </div>
  {{~}}
</script>

<!--包含该商品的其他专题-->
<script id="other_special" type="text/x-dot-template">
  {{?it.specialThemeExist==='true'}}
  <div class="other_special_title">本店其他专题</div>
  {{??}}
  <div class="other_special_title">本店专题</div>
  {{?}}
  <ul class="other_special_list clearfix">
    {{~it.otherThemeList:value:index}}
    <li><a href="{{=value.specialHref}}"
           target="_blank">{{=value.specialName}}</a></li>
    {{~}}
  </ul>
</script>





<script type="text/javascript">
  window.DETAIL || (window.DETAIL = {});
  DETAIL.shopInfo = {};
  DETAIL.itemInfo = {};
    DETAIL.shopId = 614423;
    DETAIL.shopKeeperId = 16573460;
      DETAIL.isShopKeepper = 0;
        DETAIL.isAdmin = 0;
          DETAIL.shopInfo = {"shopId":614423,"shopName":"\u6b63\u7248\u4e8c\u624b\u597d\u4e66\u7684\u4e66\u5e97","nickname":"\u6b63\u7248\u4e8c\u624b\u597d\u4e66","userId":16573460};
            DETAIL.itemInfo = {"itemId":5116329542,"bizType":1,"catId":32001002014000000,"itemName":"\u7f51\u9875\u8bbe\u8ba1\u4e0e\u5f00\u53d1\u2014\u2014HTML\u3001CSS\u3001JavaScript","price":0.2,"number":5,"oriPrice":59.8,"booklibId":506413,"bearShipping":"buyer","isUseMould":1,"mouldId":419193,"weight":0,"weightPiece":1,"productAreaAddress":{"provId":"18000000000","provName":"\u6c5f\u82cf\u7701","cityId":"18005000000","cityName":"\u5357\u4eac\u5e02","areaId":18005010000,"areaName":"\u6c5f\u5b81\u533a"},"shippingMould":[]};
                DETAIL.isbn = "9787115352590";
</script>

<script src="//res2.kongfz.com/mobile/js/track.js?2019070314"></script>
<script>
    var status = 1;
    window.onload=function () {
        var id= DETAIL.shopInfo.shopId;
        var itemname= DETAIL.itemInfo.itemName;
        var itemid= DETAIL.itemInfo.itemId;
        var shopid= DETAIL.shopInfo.shopId;
        var quality="八五品";
        track.send('v_bkdetail',{shopid: parseInt(id),shopname:DETAIL.shopInfo.shopName,itemid:itemid,itemname:itemname,shopid:shopid,quality:quality,status:status,isbn:DETAIL.isbn,catnum:DETAIL.itemInfo.catId});
    }
</script>
<script type="text/javascript">
  if (!Array.prototype.filter) {
    Array.prototype.filter = function (fun /*, thisArg */) {
      "use strict";

      if (this === void 0 || this === null)
        throw new TypeError();

      var t = Object(this);
      var len = t.length >>> 0;
      if (typeof fun !== "function")
        throw new TypeError();

      var res = [];
      var thisArg = arguments.length >= 2 ? arguments[1] : void 0;
      for (var i = 0; i < len; i++) {
        if (i in t) {
          var val = t[i];
          if (fun.call(thisArg, val, i, t))
            res.push(val);
        }
      }
      return res;
    };
  }
  function openBigImg(e) {
    e = e || window.event;
    if (e.preventDefault) {
      e.preventDefault();
      e.stopPropagation();
    } else {
      e.cancelBubble = true;
      e.returnValue = false;
    }
    var target = e.currentTarget || e.srcElement;
    if (target.tagName.toLowerCase() !== 'a') {
      target = target.parentNode
    }
    var index = target.getAttribute('data-index'),
      pathArr = location.pathname.split("/").filter(function (item) {
        return item !== ""
      }),
      shopId = pathArr[0],
      itemId = pathArr[1];
    window.open(KFZ.site.book + "item_pic.do?shopId=" + shopId + "&itemId=" + itemId + "&imgId=" + index, "_blank");
    return false
  }

  if (typeof JSON !== 'object') {
    JSON = {};
  }
  (function () {
    'use strict';

    function f(n) {
      // Format integers to have at least two digits.
      return n < 10 ? '0' + n : n;
    }

    if (typeof Date.prototype.toJSON !== 'function') {
      Date.prototype.toJSON = function () {
        return isFinite(this.valueOf())
          ? this.getUTCFullYear() + '-' +
          f(this.getUTCMonth() + 1) + '-' +
          f(this.getUTCDate()) + 'T' +
          f(this.getUTCHours()) + ':' +
          f(this.getUTCMinutes()) + ':' +
          f(this.getUTCSeconds()) + 'Z'
          : null;
      };
      String.prototype.toJSON =
        Number.prototype.toJSON =
          Boolean.prototype.toJSON = function () {
            return this.valueOf();
          };
    }

    var cx,
      escapable,
      gap,
      indent,
      meta,
      rep;

    function quote(string) {
      escapable.lastIndex = 0;
      return escapable.test(string) ? '"' + string.replace(escapable, function (a) {
        var c = meta[a];
        return typeof c === 'string'
          ? c
          : '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
      }) + '"' : '"' + string + '"';
    }

    function str(key, holder) {
      var i,          // The loop counter.
        k,          // The member key.
        v,          // The member value.
        length,
        mind = gap,
        partial,
        value = holder[key];
      if (value && typeof value === 'object' &&
        typeof value.toJSON === 'function') {
        value = value.toJSON(key);
      }
      if (typeof rep === 'function') {
        value = rep.call(holder, key, value);
      }
      switch (typeof value) {
        case 'string':
          return quote(value);
        case 'number':
          return isFinite(value) ? String(value) : 'null';
        case 'boolean':
        case 'null':
          return String(value);
        case 'object':
          if (!value) {
            return 'null';
          }
          gap += indent;
          partial = [];
          if (Object.prototype.toString.apply(value) === '[object Array]') {
            length = value.length;
            for (i = 0; i < length; i += 1) {
              partial[i] = str(i, value) || 'null';
            }
            v = partial.length === 0
              ? '[]'
              : gap
                ? '[\n' + gap + partial.join(',\n' + gap) + '\n' + mind + ']'
                : '[' + partial.join(',') + ']';
            gap = mind;
            return v;
          }
          if (rep && typeof rep === 'object') {
            length = rep.length;
            for (i = 0; i < length; i += 1) {
              if (typeof rep[i] === 'string') {
                k = rep[i];
                v = str(k, value);
                if (v) {
                  partial.push(quote(k) + (gap ? ': ' : ':') + v);
                }
              }
            }
          } else {
            for (k in value) {
              if (Object.prototype.hasOwnProperty.call(value, k)) {
                v = str(k, value);
                if (v) {
                  partial.push(quote(k) + (gap ? ': ' : ':') + v);
                }
              }
            }
          }
          v = partial.length === 0
            ? '{}'
            : gap
              ? '{\n' + gap + partial.join(',\n' + gap) + '\n' + mind + '}'
              : '{' + partial.join(',') + '}';
          gap = mind;
          return v;
      }
    }

    if (typeof JSON.stringify !== 'function') {
      escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g;
      meta = {    // table of character substitutions
        '\b': '\\b',
        '\t': '\\t',
        '\n': '\\n',
        '\f': '\\f',
        '\r': '\\r',
        '"': '\\"',
        '\\': '\\\\'
      };
      JSON.stringify = function (value, replacer, space) {
        var i;
        gap = '';
        indent = '';
        if (typeof space === 'number') {
          for (i = 0; i < space; i += 1) {
            indent += ' ';
          }
        } else if (typeof space === 'string') {
          indent = space;
        }
        rep = replacer;
        if (replacer && typeof replacer !== 'function' &&
          (typeof replacer !== 'object' ||
            typeof replacer.length !== 'number')) {
          throw new Error('JSON.stringify');
        }
        return str('', {'': value});
      };
    }
    if (typeof JSON.parse !== 'function') {
      cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g;
      JSON.parse = function (text, reviver) {
        var j;

        function walk(holder, key) {
          var k, v, value = holder[key];
          if (value && typeof value === 'object') {
            for (k in value) {
              if (Object.prototype.hasOwnProperty.call(value, k)) {
                v = walk(value, k);
                if (v !== undefined) {
                  value[k] = v;
                } else {
                  delete value[k];
                }
              }
            }
          }
          return reviver.call(holder, key, value);
        }

        text = String(text);
        cx.lastIndex = 0;
        if (cx.test(text)) {
          text = text.replace(cx, function (a) {
            return '\\u' +
              ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
          });
        }
        if (/^[\],:{}\s]*$/
            .test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@')
              .replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']')
              .replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) {
          j = eval('(' + text + ')');
          return typeof reviver === 'function'
            ? walk({'': j}, '')
            : j;
        }
        throw new SyntaxError('JSON.parse');
      };
    }
  }());
</script>
<script src="/js/Pc_detail_index_page-023dbb73d1.js"></script>


<!--seo百度自动推送开始-->
<script>
    (function(){
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        }
        else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>
<!--seo百度自动推送结束-->

<!-- git@github.com:bossahack/viewerjs.git -->
<link rel="stylesheet" href="//res2.kongfz.com/libs/viewerjs/viewer.min.css?v=6" >
<link rel="stylesheet" href="//res2.kongfz.com/libs/viewerjs/detail-viewer.css?v=6" >
<script src="//res2.kongfz.com/libs/viewerjs/viewer.min.js?v=8"></script>
<script src="//res2.kongfz.com/libs/viewerjs/detail-viewer.js?v=6"></script>

<link href="//res2.kongfz.com/libs/tcplayer/tcplayer.min.css" rel="stylesheet" />
<script src="//res2.kongfz.com/libs/tcplayer/flv.min.js"></script>
<script src="//res2.kongfz.com/libs/tcplayer/hls.min.js"></script>
<script src="//res2.kongfz.com/libs/tcplayer/tcplayer.min.js"></script>
</body>
</html>