HTML5+CSS3+JavaScript入门很轻松(微课超值版)
1星价
¥41.9
(6.0折)
2星价￥41.9
定价￥69.8
暂无评论
图文详情
- ISBN：9787302590200
- 装帧：一般胶版纸
- 册数：暂无
- 重量：暂无
- 开本：其他
- 页数：288
- 出版时间：2022-01-01
- 条形码：9787302590200 ; 978-7-302-59020-0
本书特色
读者对象 零基础的网页设计自学者； 希望快速、全面掌握HTML5+CSS3+JavaScript开发的人员； 高等院校的教师和学生； 相关培训机构的教师和学生； 初中级网页开发人员； 要完成毕业设计的学生。 本书特点 ★★贴身辅导：免费微视频课程。 ★★强化实用：模拟真实开发环境，让编程更容易。 ★★小白实战手册：3个真实项目实训，快速积累行业经验。 ★★面试宝典：求职资源库、面试资源库和笔试题库，轻松找工作。 ★★教学无忧：课后习题教学大纲和精美幻灯片，让教学更轻松。 ★★互动教学：定期和作者在线答疑，解决自学路上的困惑。 全方位微课教学，零基础轻松入门，超值赠送教学微视频、教学PPT、案例及项目源码、教学大纲、求职资源库、面试资源库、笔试题库和小白项目实战手册。
内容简介
《HTML5+CSS3+JavaScript入门很轻松：微课超值版》结合流行有趣的热点案例，详细介绍了HTML5+CSS3+JavaScript开发中的各项技术。《HTML5+CSS3+JavaScript入门很轻松：微课超值版》共17章，分别介绍了HTML5基础、网页中的文本、图像和超链接、CSS3基础入门、CSS3常用属性、CSS3的不错应用、设计列表与菜单、表格与
标记、网页中的表单、JavaScript基础入门、JavaScript编程基础、JavaScript对象编程、JavaScript事件机制、绘制网页图形、文件与拖放、响应式网页组件，很后通过设计企业响应式网站的综合案例对《HTML5+CSS3+JavaScript入门很轻松：微课超值版》所讲的各项技术进行了综合应用。
《HTML5+CSS3+JavaScript入门很轻松：微课超值版》内容侧重实战，每个重要的技术都精心配置了实例，在讲解完知识点的详细内容后，可以通过实例进一步深入了解该技术的应用场景及实现效果，这种“知识点+实例”的设置更易于记忆和理解，也为实际应用打下了坚实的基础。另外，书中还设置有“大牛提醒”，对重要的知识点查漏补缺或进行拓展说明，以做到重点内容全覆盖。每章内容学习完还可以通过“实战训练”检验学习成果，并且案例和实战练习都配有视频操作，在学习中遇到疑难可以随时观看视频寻求答案。
《HTML5+CSS3+JavaScript入门很轻松：微课超值版》适合零基础的网页设计者和希望快速掌握HTML5+CSS3+JavaScript开发技术的人员学习使用；针对有一定网页设计基础的读者，也可以通过《HTML5+CSS3+JavaScript入门很轻松：微课超值版》进一步理解HTML5+CSS3+JavaScript的重要知识和开发技能。对于大中专院校的学生和培训机构的学员，《HTML5+CSS3+JavaScript入门很轻松：微课超值版》也是一本很好实用的教材。
目录
目录
第1章 HTML5基础 001
1.1 HTML概述 001
1.1.1 什么是HTML 001
1.1.2 HTML的发展历程 002
1.2 HTML5文件的基本结构 002
1.2.1 认识标记 002
1.2.2 认识元素 003
1.2.3 HTML文件结构 003
1.3 HTML5的基本标记 004
1.3.1 文件类型说明 004
1.3.2 文件开始标记 004
1.3.3 文件头部标记 004
1.3.4 文件标题标记 005
1.3.5 元信息标记<meta> 005
1.3.6 网页主体标记<body> 005
1.3.7 页面注释标记<!-- --> 006
1.4 编写我的**个HTML文件 006
1.4.1 使用“记事本”编写 006
1.4.2 使用WebStorm工具编写 007
1.5 新手疑难问题解答 010
1.6 实战训练 011
第2章 网页中的文本 012
2.1 设置标题格式 012
2.1.1 标题标记 012
2.1.2 标题对齐方式 013
2.2 设置文字格式 014
2.2.1 文字的字体、大小和颜色 014
2.2.2 文字的斜体、下画线和删除线 016
2.2.3 公式的上标和下标 017
2.3 设置段落格式 017
2.3.1 段落标记 017
2.3.2 段落换行标记 018
2.3.3 段落原格式标记 019
2.4 网页的水平线 020
2.4.1 添加水平线 020
2.4.2 设置水平线的样式 020
2.5 新手疑难问题解答 021
2.6 实战训练 021
第3章 图像和超链接 023
3.1 添加图像 023
3.1.1 了解图像格式 023
3.1.2 图像中的路径 024
3.1.3 插入图像 025
3.2 设置图像属性 026
3.2.1 图像的大小与边框 026
3.2.2 图像间距和对齐方式 027
3.2.3 替换文本与提示文字 028
3.3 网页中的超链接 030
3.3.1 文本链接 030
3.3.2 下载链接 031
3.3.3 书签链接 032
3.3.4 电子邮件链接 033
3.4 图像的超链接 034
3.4.1 创建图片链接 034
3.4.2 图像热点链接 035
3.5 新手疑难问题解答 036
3.6 实战训练 037
第4章 CSS3基础入门 038
4.1 CSS概述 038
4.1.1 CSS发展历史 038
4.1.2 CSS语法规则 039
4.1.3 CSS注释方式 039
4.2 HTML5中调用CSS的方法 040
4.2.1 行内样式 040
4.2.2 内嵌样式 041
4.2.3 链接样式 042
4.2.4 导入样式 043
4.3 CSS3中的选择器 044
4.3.1 标记选择器 044
4.3.2 全局选择器 045
4.3.3 类与ID选择器 045
4.3.4 组合选择器 047
4.3.5 属性选择器 048
4.3.6 伪类选择器 049
4.3.7 结构伪类选择器 050
4.3.8 UI元素状态伪类选择器 051
4.4 新手疑难问题解答 052
4.5 实战训练 052
第5章 CSS3常用属性 054
5.1 文本相关属性 054
5.1.1 定义字体类型 054
5.1.2 定义字体大小 055
5.1.3 定义文字的颜色 056
5.1.4 定义文本的水平对齐方式 057
5.2 图片相关属性 058
5.2.1 定义文字环绕图片的样式 058
5.2.2 定义图片与文字的间距 059
5.3 边框相关属性 060
5.3.1 边框样式 060
5.3.2 边框颜色 061
5.3.3 边框线宽 063
5.3.4 边框半径 064
5.4 背景相关属性 067
5.4.1 设置背景颜色 067
5.4.2 设置背景图像 068
5.4.3 平铺背景图像 069
5.4.4 定位背景图像 071
5.4.5 设置背景图像大小 072
5.5 新手疑难问题解答 073
5.6 实战训练 074
第6章 CSS3的高级应用 075
6.1 盒子模型 075
6.1.1 盒子模型的外边距 076
6.1.2 盒子模型的边框 078
6.1.3 盒子模型的内边距 079
6.1.4 盒子模型的高度和宽度 080
6.1.5 盒子模型的相关属性 082
6.2 动画与特效 083
6.2.1 变换动画效果 084
6.2.2 过渡动画效果 086
6.2.3 帧动画效果 088
6.3 新手疑难问题解答 093
6.4 实战训练 093
第7章 设计列表与菜单 094
7.1 认识列表标记 094
7.1.1 无序列表标记 094
7.1.2 有序列表标记 095
7.1.3 自定义列表标记 096
7.1.4 列表的嵌套 098
7.2 使用CSS设计列表样式 098
7.2.1 无序项目列表 099
7.2.2 有序项目列表 100
7.2.3 图片列表样式 101
7.2.4 列表复合属性 103
7.3 使用CSS 设计菜单样式 104
7.3.1 制作动态导航菜单 104
7.3.2 制作水平方向菜单 105
7.3.3 制作多级菜单列表 106
7.4 新手疑难问题解答 108
7.5 实战训练 109
第8章 表格与<div>标记 110
8.1 简单表格 110
8.1.1 创建简单表格 110
8.1.2 表格的表头 112
8.2 表格的高级应用 113
8.2.1 表格的样式 113
8.2.2 表格的合并 114
8.2.3 表格的分组 115
8.3 使用CSS3设计表格样式 117
8.3.1 设置表格颜色 117
8.3.2 设置表格边框 118
8.3.3 表格标题位置 120
8.3.4 隐藏空单元格 120
8.3.5 单元格的边距 121
8.4 <div>与<span>标记 123
8.5 新手疑难问题解答 124
8.6 实战训练 124
第9章 网页中的表单 125
9.1 表单概述 125
9.1.1 表单定义 125
9.1.2 表单标记<form> 125
9.2 输入标记 126
9.2.1 文本框 126
9.2.2 单选按钮和复选框 127
9.2.3 按钮 128
9.2.4 图像域和文件域 129
9.3 文本域与列表 131
9.3.1 文本域 131
9.3.2 列表/菜单 132
9.4 使用CSS3设计表单样式 133
9.4.1 表单字体样式 133
9.4.2 表单边框样式 134
9.4.3 表单背景样式 136
9.4.4 表单按钮样式 138
9.4.5 下拉菜单样式 139
9.5 新手疑难问题解答 140
9.6 实战训练 140
第10章 JavaScript基础入门 141
10.1 JavaScript概述 141
10.1.1 JavaScript能做什么 141
10.1.2 JavaScript的主要特点 142
10.1.3 JavaScript在HTML中的使用 142
10.2 JavaScript的语法 143
10.2.1 代码执行顺序 143
10.2.2 区分大小写 143
10.2.3 分号与空格 144
10.2.4 注释语句 144
10.3 JavaScript语言基础 144
10.3.1 认识变量 144
10.3.2 数据类型 145
10.3.3 认识运算符 146
10.3.4 运算符优先级 152
10.4 新手疑难问题解答 152
10.5 实战训练 153
第11章 JavaScript编程基础 154
11.1 JavaScript中的语句 154
11.1.1 条件语句 154
11.1.2 循环语句 155
11.1.3 跳转语句 157
11.2 JavaScript对象与数组 158
11.2.1 创建对象 158
11.2.2 常用内置对象 160
11.2.3 数组对象与方法 165
11.3 JavaScript中的函数 170
11.3.1 定义函数 170
11.3.2 函数调用 172
11.4 新手疑难问题解答 175
11.5 实战训练 175
第12章 JavaScript对象编程 176
12.1 窗口(Window)对象 176
12.1.1 窗口对象属性 176
12.1.2 窗口对象方法 177
12.2 JavaScript对话框 180
12.2.1 警告对话框 180
12.2.2 确认对话框 182
12.2.3 提示对话框 183
12.3 文档对象 184
12.3.1 文档对象属性 184
12.3.2 文档对象方法 188
12.4 文档对象模型 191
12.4.1 DOM简介 191
12.4.2 基本的DOM方法 192
12.5 操作DOM中的节点 192
12.5.1 访问节点 193
12.5.2 创建节点 193
12.5.3 插入节点 194
12.5.4 删除节点 195
12.5.5 复制节点 195
12.5.6 替换节点 196
12.6 新手疑难问题解答 197
12.7 实战训练 197
第13章 JavaScript事件机制 199
13.1 什么是事件 199
13.2 事件的调用方式 199
13.2.1 在<script>标记中调用 200
13.2.2 在元素中调用 200
13.3 JavaScript常用事件 201
13.3.1 鼠标相关事件 202
13.3.2 键盘相关事件 205
13.3.3 表单相关事件 207
13.3.4 拖动相关事件 212
13.4 处理事件的方式 214
13.4.1 通过匿名函数处理 214
13.4.2 通过显式声明处理 215
13.4.3 通过手工触发处理 216
13.5 新手疑难问题解答 217
13.6 实战训练 217
第14章 绘制网页图形 219
14.1 <canvas>标记 219
14.2 绘制基本形状 219
14.2.1 绘制矩形 219
14.2.2 绘制圆形 220
14.2.3 绘制直线 221
14.2.4 绘制贝济埃曲线 222
14.3 绘制变形图形 223
14.3.1 绘制平移效果的图形 224
14.3.2 绘制缩放效果的图形 225
14.3.3 绘制旋转效果的图形 226
14.3.4 绘制带阴影效果的图形 227
14.4 绘制文字 228
14.4.1 绘制轮廓文字 229
14.4.2 绘制填充文字 230
14.5 新手疑难问题解答 231
14.6 实战训练 232
第15章 文件与拖放 233
15.1 选择文件 233
15.1.1 选择单个文件 233
15.1.2 选择多个文件 234
15.2 读取文件 234
15.2.1 检测浏览器是否支持FileReader接口 234
15.2.2 FileReader接口的方法 235
15.2.3 使用readAsDataURL()方法预览图片 235
15.2.4 使用readAsText()方法读取文本文件 236
15.3 拖放文件 238
15.3.1 拖放页面元素 238
15.3.2 dataTransfer属性 239
15.3.3 在网页中拖放文字 240
15.4 新手疑难问题解答 242
15.5 实战训练 242
第16章 响应式网页组件 244
16.1 响应式网页设计概述 244
16.1.1 什么是响应式网页设计 244
16.1.2 响应式网页设计原理 245
16.1.3 像素和屏幕分辨率 245
16.1.4 视口与媒体查询 246
16.2 响应式网页的布局设计 248
16.2.1 常用布局类型 248
16.2.2 布局的实现方式 249
16.2.3 响应式布局的实现 249
16.3 响应式图片 250
16.3.1 使用<picture>标记 250
16.3.2 使用CSS图片 251
16.4 响应式视频 252
16.5 响应式导航菜单 253
16.6 响应式表格 255
16.6.1 隐藏表格中的列 256
16.6.2 滚动表格中的列 257
16.6.3 转换表格中的列 259
16.7 新手疑难问题解答 260
16.8 实战训练 261
第17章 设计企业响应式网站 262
17.1 网站概述 262
17.1.1 网站结构 262
17.1.2 设计效果 262
17.1.3 设计准备 263
17.2 设计主页 264
17.2.1 主页布局 264
17.2.2 设计导航条 264
17.2.3 设计轮播广告 265
17.2.4 设计功能区 267
17.2.5 设计特色展示 269
17.2.6 设计脚注 271
17.3 设计侧边导航栏 272
17.4 设计登录页 274
</div>
</div>
<div class="switch"><span id="openCatalog">展开全部<i class="icon"></i></span></div>
</div>
<div class="detailList">
<h2 class="tit"><span>作者简介</span></h2>
<p>云尚科技由众多软件开发工程师和数据库运维工程师组成。云尚科技团队曾做项目：基于 ASP.NET平台的演播厅票务系统，B2C电子商务平台，思迈威科技CRM管理系统和某汽车网大型行业级网站应用。云尚科技团队为郑州大学、黄河科技大学等高校提供毕业生项目实训服务，对于初学者常遇到的问题有丰富的解决经验。云尚科技长期从事软件项目开发、Linux系统管理与运维，具有丰富开发和教学经验。云尚科技同时投入视频在线教育，目前拥有会员4万多，为编程初学者提供z优质的教学视频课程。</p>
</div>
</div>
<div class="relativeBook">
<!--本类五星书-->
<div class="bookList">
<div class="fiveStartBook">
<div class="tit">
本类五星书
</div>
<div class="fiveStartList">
<ul>
<li>
<a href="/8474819.htm">
<div class="bookWrap">
<div class="cover">
<img src="/Content/images/nopic.jpg" alt="全国计算机等级考试最新真考题库模拟考场及详解·二级MSOffice高级应用" class="lazyImg" data-original="//image12.bookschina.com/2021/20210111/1/s8474819.jpg" />
</div>
<p class="name">全国计算机等级考试最新真考题库模拟考场及详解·二级MSOffice高级应用</p>
<p class="author">零壹快学计算机等级考试研究院</p>
<div class="priceWrap"><span class="price">¥10.4</span><span class="original">¥45.0</span></div>
</div>
</a>
</li>
<li>
<a href="/8472395.htm">
<div class="bookWrap">
<div class="cover">
<img src="/Content/images/nopic.jpg" alt="决战行测5000题(言语理解与表达)" class="lazyImg" data-original="//image12.bookschina.com/2021/20210108/1/s8472395.jpg" />
</div>
<p class="name">决战行测5000题(言语理解与表达)</p>
<p class="author">粉笔公考编著</p>
<div class="priceWrap"><span class="price">¥28.2</span><span class="original">¥88.0</span></div>
</div>
</a>
</li>
<li>
<a href="/8356746.htm">
<div class="bookWrap">
<div class="cover">
<img src="/Content/images/nopic.jpg" alt="软件性能测试.分析与调优实践之路" class="lazyImg" data-original="//image12.bookschina.com/2020/20200902/1/s8356746.jpg" />
</div>
<p class="name">软件性能测试.分析与调优实践之路</p>
<p class="author">张永清</p>
<div class="priceWrap"><span class="price">¥41.4</span><span class="original">¥69.0</span></div>
</div>
</a>
</li>
<li>
<a href="/8281690.htm">
<div class="bookWrap">
<div class="cover">
<img src="/Content/images/nopic.jpg" alt="第一行代码Android" class="lazyImg" data-original="//image12.bookschina.com/2020/20200604/1/s8281690.jpg" />
</div>
<p class="name">第一行代码Android</p>
<p class="author">郭霖</p>
<div class="priceWrap"><span class="price">¥57.4</span><span class="original">¥99.0</span></div>
</div>
</a>
</li>
<li>
<a href="/8197559.htm">
<div class="bookWrap">
<div class="cover">
<img src="/Content/images/nopic.jpg" alt="JAVA持续交付" class="lazyImg" data-original="//image12.bookschina.com/2019/20191113/3/s8197559.jpg" />
</div>
<p class="name">JAVA持续交付</p>
<p class="author">美）DanielBryant（丹尼尔·</p>
<div class="priceWrap"><span class="price">¥66.6</span><span class="original">¥119.0</span></div>
</div>
</a>
</li>
<li>
<a href="/8096654.htm">
<div class="bookWrap">
<div class="cover">
<img src="/Content/images/nopic.jpg" alt="EXCEL最强教科书(完全版)(全彩印刷)" class="lazyImg" data-original="//image12.bookschina.com/2019/20190720/1/s8096654.jpg" />
</div>
<p class="name">EXCEL最强教科书(完全版)(全彩印刷)</p>
<p class="author">（日）藤井直弥，（日）大山啓介/著</p>
<div class="priceWrap"><span class="price">¥36.4</span><span class="original">¥69.9</span></div>
</div>
</a>
</li>
</ul>
</div>
<div class="fiveStartMoreLink ">
<a href="/books/fivestar?flh=27">更多>></a>
</div>
</div>
<div class="historyBook">
<div class="tit" style="margin-top:0">
浏览历史
</div>
<div class="historyList">
<ul>
<li>
<a href="/8738245.htm">
<div class="bookWrap">
<div class="cover">
<img src="/Content/images/nopic.jpg" alt="HTML5+CSS3+JavaScript入门很轻松(微课超值版)" class="lazyImg" data-original="//image12.bookschina.com/2022/20220816/1/s8738245.jpg" />
</div>
<p class="name">HTML5+CSS3+JavaScript入门很轻松(微课超值版)</p>
<p class="author">云尚科技</p>
<div class="priceWrap"><span class="price">¥41.9</span><span class="original">¥69.8</span></div>
</div>
</a>
</li>
</ul>
</div>
</div>
<div class="hotSaleBook">
<div class="tit" data-flh="27130000" data-size="20">
本类畅销
</div>
<div class="fiveStartList">
<ul>
<li>
<a href="/8084128.htm">
<div class="bookWrap">
<div class="cover">
<img src="/Content/images/nopic.jpg" alt="有限与无限的游戏:一个哲学家眼中的竞技世界" class="lazyImg" data-original="//image12.bookschina.com/2019/20190530/2/s8084128.jpg" />
</div>
<p class="name">有限与无限的游戏:一个哲学家眼中的竞技世界</p>
<div class="priceWrap"><span class="price">¥37.4</span><span class="original">¥68.0</span></div>
</div>
</a>
</li>
<li>
<a href="/8807264.htm">
<div class="bookWrap">
<div class="cover">
<img src="/Content/images/nopic.jpg" alt="全图解零基础word excel ppt 应用教程" class="lazyImg" data-original="//image12.bookschina.com/2022/20221122/1/s8807264.jpg" />
</div>
<p class="name">全图解零基础word excel ppt 应用教程</p>
<div class="priceWrap"><span class="price">¥12.0</span><span class="original">¥48.0</span></div>
</div>
</a>
</li>
<li>
<a href="/8464836.htm">
<div class="bookWrap">
<div class="cover">
<img src="/Content/images/nopic.jpg" alt="机器学习" class="lazyImg" data-original="//image12.bookschina.com/2021/20210110/1/s8464836.jpg" />
</div>
<p class="name">机器学习</p>
<div class="priceWrap"><span class="price">¥59.4</span><span class="original">¥108.0</span></div>
</div>
</a>
</li>
<li>
<a href="/8082483.htm">
<div class="bookWrap">
<div class="cover">
<img src="/Content/images/nopic.jpg" alt="深度学习的数学" class="lazyImg" data-original="//image12.bookschina.com/2019/20190530/3/s8082483.jpg" />
</div>
<p class="name">深度学习的数学</p>
<div class="priceWrap"><span class="price">¥43.5</span><span class="original">¥69.0</span></div>
</div>
</a>
</li>
<li>
<a href="/8054865.htm">
<div class="bookWrap">
<div class="cover">
<img src="/Content/images/nopic.jpg" alt="智能硬件项目教程:基于ARDUINO(第2版)" class="lazyImg" data-original="//image12.bookschina.com/2019/20190603/6/s8054865.jpg" />
</div>
<p class="name">智能硬件项目教程:基于ARDUINO(第2版)</p>
<div class="priceWrap"><span class="price">¥37.7</span><span class="original">¥65.0</span></div>
</div>
</a>
</li>
<li>
<a href="/6724579.htm">
<div class="bookWrap">
<div class="cover">
<img src="/Content/images/nopic.jpg" alt="硅谷之火-人与计算机的未来" class="lazyImg" data-original="//image12.bookschina.com/2015/20150220/s6724579.jpg" />
</div>
<p class="name">硅谷之火-人与计算机的未来</p>
<div class="priceWrap"><span class="price">¥14.3</span><span class="original">¥39.8</span></div>
</div>
</a>
</li>
<li>
<a href="/9397346.htm">
<div class="bookWrap">
<div class="cover">
<img src="/Content/images/nopic.jpg" alt="元启发式算法与背包问题研究" class="lazyImg" data-original="//image12.bookschina.com/2024/20240919/1/s9397346.jpg" />
</div>
<p class="name">元启发式算法与背包问题研究</p>
<div class="priceWrap"><span class="price">¥38.2</span><span class="original">¥49.0</span></div>
</div>
</a>
</li>
<li>
<a href="/9361781.htm">
<div class="bookWrap">
<div class="cover">
<img src="/Content/images/nopic.jpg" alt="AI虚拟数字人:商业模式+形象创建+视频直播+案例应用" class="lazyImg" data-original="//image12.bookschina.com/2024/20240723/1/s9361781.jpg" />
</div>
<p class="name">AI虚拟数字人:商业模式+形象创建+视频直播+案例应用</p>
<div class="priceWrap"><span class="price">¥62.9</span><span class="original">¥89.8</span></div>
</div>
</a>
</li>
<li>
<a href="/9351885.htm">
<div class="bookWrap">
<div class="cover">
<img src="/Content/images/nopic.jpg" alt="UNIX环境高级编程(第3版)" class="lazyImg" data-original="//image12.bookschina.com/2024/20240708/1/s9351885.jpg" />
</div>
<p class="name">UNIX环境高级编程(第3版)</p>
<div class="priceWrap"><span class="price">¥164.9</span><span class="original">¥229.0</span></div>
</div>
</a>
</li>
<li>
<a href="/9344598.htm">
<div class="bookWrap">
<div class="cover">
<img src="/Content/images/nopic.jpg" alt="剪映AI" class="lazyImg" data-original="//image12.bookschina.com/2024/20240711/1/s9344598.jpg" />
</div>
<p class="name">剪映AI</p>
<div class="priceWrap"><span class="price">¥52.8</span><span class="original">¥88.0</span></div>
</div>
</a>
</li>
<li>
<a href="/9339012.htm">
<div class="bookWrap">
<div class="cover">
<img src="/Content/images/nopic.jpg" alt="深度学习高手笔记 卷2:经典应用" class="lazyImg" data-original="//image12.bookschina.com/2024/20240607/12/s9339012.jpg" />
</div>
<p class="name">深度学习高手笔记 卷2:经典应用</p>
<div class="priceWrap"><span class="price">¥90.9</span><span class="original">¥129.8</span></div>
</div>
</a>
</li>
<li>
<a href="/9317174.htm">
<div class="bookWrap">
<div class="cover">
<img src="/Content/images/nopic.jpg" alt="纹样之美:中国传统经典纹样速查手册" class="lazyImg" data-original="//image12.bookschina.com/2024/20240601/1/s9317174.jpg" />
</div>
<p class="name">纹样之美:中国传统经典纹样速查手册</p>
<div class="priceWrap"><span class="price">¥77.4</span><span class="original">¥109.0</span></div>
</div>
</a>
</li>
<li>
<a href="/9299996.htm">
<div class="bookWrap">
<div class="cover">
<img src="/Content/images/nopic.jpg" alt="UG NX 12.0数控编程" class="lazyImg" data-original="//image12.bookschina.com/2024/20241009/10/s9299996.jpg" />
</div>
<p class="name">UG NX 12.0数控编程</p>
<div class="priceWrap"><span class="price">¥24.8</span><span class="original">¥45.0</span></div>
</div>
</a>
</li>
<li>
<a href="/9295259.htm">
<div class="bookWrap">
<div class="cover">
<img src="/Content/images/nopic.jpg" alt="MATLAB计算机视觉与深度学习实战(第2版)" class="lazyImg" data-original="//image12.bookschina.com/2024/20240428/1/s9295259.jpg" />
</div>
<p class="name">MATLAB计算机视觉与深度学习实战(第2版)</p>
<div class="priceWrap"><span class="price">¥90.9</span><span class="original">¥128.0</span></div>
</div>
</a>
</li>
<li>
<a href="/9282656.htm">
<div class="bookWrap">
<div class="cover">
<img src="/Content/images/nopic.jpg" alt="界面交互设计理论研究" class="lazyImg" data-original="//image12.bookschina.com/2024/20240608/6/s9282656.jpg" />
</div>
<p class="name">界面交互设计理论研究</p>
<div class="priceWrap"><span class="price">¥30.8</span><span class="original">¥56.0</span></div>
</div>
</a>
</li>
<li>
<a href="/9276230.htm">
<div class="bookWrap">
<div class="cover">
<img src="/Content/images/nopic.jpg" alt="UN NX 12.0多轴数控编程案例教程" class="lazyImg" data-original="" />
</div>
<p class="name">UN NX 12.0多轴数控编程案例教程</p>
<div class="priceWrap"><span class="price">¥25.8</span><span class="original">¥38.0</span></div>
</div>
</a>
</li>
<li>
<a href="/9260212.htm">
<div class="bookWrap">
<div class="cover">
<img src="/Content/images/nopic.jpg" alt="微机组装与系统维护技术教程(第二版)" class="lazyImg" data-original="//image12.bookschina.com/2024/20240227/1/s9260212.jpg" />
</div>
<p class="name">微机组装与系统维护技术教程(第二版)</p>
<div class="priceWrap"><span class="price">¥37.8</span><span class="original">¥43.0</span></div>
</div>
</a>
</li>
<li>
<a href="/9249911.htm">
<div class="bookWrap">
<div class="cover">
<img src="/Content/images/nopic.jpg" alt="明解C语言:实践篇" class="lazyImg" data-original="//image12.bookschina.com/2024/20240203/2/s9249911.jpg" />
</div>
<p class="name">明解C语言:实践篇</p>
<div class="priceWrap"><span class="price">¥62.9</span><span class="original">¥89.8</span></div>
</div>
</a>
</li>
<li>
<a href="/9244777.htm">
<div class="bookWrap">
<div class="cover">
<img src="/Content/images/nopic.jpg" alt="Linux服务器架设实战(Linux典藏大系)" class="lazyImg" data-original="//image12.bookschina.com/2024/20240220/28/s9244777.jpg" />
</div>
<p class="name">Linux服务器架设实战(Linux典藏大系)</p>
<div class="priceWrap"><span class="price">¥84.5</span><span class="original">¥119.0</span></div>
</div>
</a>
</li>
<li>
<a href="/9214522.htm">
<div class="bookWrap">
<div class="cover">
<img src="/Content/images/nopic.jpg" alt="PREMIERE PRO 2023全面精通:视频剪辑+颜色调整+转场特效+字幕制作+案例实战" class="lazyImg" data-original="//image12.bookschina.com/2024/20240118/1/s9214522.jpg" />
</div>
<p class="name">PREMIERE PRO 2023全面精通:视频剪辑+颜色调整+转场特效+字幕制作+案例实战</p>
<div class="priceWrap"><span class="price">¥69.3</span><span class="original">¥99.0</span></div>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!--预估到手价提示-->
<div class="popMask"></div>
<div class="EstimateTip">
<h4 class="clearfix"><span>预估到手价</span> <strong>×</strong></h4>
<p>预估到手价是按参与促销活动、以最优惠的购买方案计算出的价格（不含优惠券部分），仅供参考，未必等同于实际到手价。</p>
<a href="javascript:void(0);">确定</a>
</div>
<!--预估到手价提示 END-->
<div class="footer" style="">
<div class="footerInner">
<div class="btn_bar">
<div class="iconBtn" id="customerService">
<div class="iconBtnInner">
<i class="icon"></i>
<span class="txt">客服</span>
</div>
</div>
<div class="iconBtn" id="collection" data-bookid="8738245">
<div class="iconBtnInner">
<i class="icon"></i>
<span class="txt">收藏</span>
</div>
</div>
<div class="iconBtn" id="gotoCart" onclick="window.location = '/shopcar'">
<div class="iconBtnInner" style="border:none">
<span class="add_num" id="popone" style="display:none;"></span>
<i class="icon"></i>
<span class="txt">购物车</span>
</div>
</div>
</div>
<div class="btn_group">
<div class="de_row">
<div class="btn btn_red" id="addCart" data-bookid="8738245">
<span class="txt">加入购物车</span>
</div>
</div>
</div>
</div>
</div>
</div>
<input type="hidden" id="hidShareShuXinKaParam" value="" />
<input type="hidden" id="hidShareShuXinKaWxParam" value="" />
<input type="hidden" id="hidShareLink" value="http://m.bookschina.com/8738245.htm" />
<div class="backTop"><a href="javascript:scrollTo(0,0)"></a></div>
<div class="sidebarNav">
<dl>
<dt><span>快速<br />导航</span></dt>
<dd>
<ul>
<li><a href="/"><span class="sideIcon"><img src="/Content/images/sidebarnav1.png" alt="首页" /></span><b>首页</b></a></li>
<li><a href="//t.bookschina.com/"><span class="sideIcon"><img src="/Content/images/sidebarnav2.png" alt="淘书团" /></span><b>淘书团</b></a></li>
<li><a href="/books/kindlist"><span class="sideIcon"><img src="/Content/images/sidebarnav3.png" alt="分类搜索" /></span><b>分类搜索</b></a></li>
<li><a href="/shopcar"><span class="sideIcon"><img src="/Content/images/sidebarnav5.png" alt="购物车" /></span><b>购物车</b></a></li>
<li><a href="/usercenter/myhome"><span class="sideIcon"><img src="/Content/images/sidebarnav6.png" alt="我的账户" /></span><b>我的账户</b></a></li>
</ul>
</dd>
</dl>
</div>
<script src="/Content/js/common/layer.js?v=7459" type="text/javascript"></script>
<script src="/Content/js/common/jquery.scrollLoading.js?v=7419" type="text/javascript"></script>
<script src="/Content/js/common/iscroll.js?v=7319" type="text/javascript"></script>
<script src="/Content/js/common/share.js?v=5865" t type="text/javascript"></script>
<script src="/Content/js/common/nav.js?v=7489" type="text/javascript"></script>
<script src="/Content/js/common/jquery.fly.min.js?v=7399" type="text/javascript"></script>
<script src="/Content/js/common/swiper.min.js" type="text/javascript"></script>
<script src="/Content/js/bookdetail.js?v=5055" type="text/javascript" defer></script>
<script src="/Content/js/HeavenRed.js?v=6990" type="text/javascript"></script>
<script type="text/javascript" defer>
//轮播特效
$(".swiper-ads").each(function () {
var $this = $(this);
if ($this.find(".swiper-slide").length > 1) {
var mySwiper = new Swiper($this, {
autoplay: true,
autoplay: {
delay: 5000,
},
loop: true, // 循环模式选项
// 如果需要分页器
pagination: {
el: '.swiper-pagination'
},
})
}
})
var newImg;
var clientH = $(window).height();
var clientW = $(window).width();
var w, h;
$(document).ready(function () {
$("#imgBook").bind("click", function () {
$(".bg").show();
if ($(this)[0].naturalWidth > clientW) {
h = "100%";
w = clientW * .98;
$('.bgImg').css({ 'width': w + "px", 'height': "auto", 'top': "0px", 'left': "0px", 'bottom': "0px", 'right': "0px", 'z-index': 1101, 'margin': 'auto' });
} else {
h = $(this)[0].naturalHeight;
w = $(this)[0].naturalWidth;
$('.bgImg').css({ 'width': w + "px", 'height': h + "px", 'top': (clientH - h) / 2 + "px", 'left': (clientW - w) / 2 + "px", 'z-index': 1101 });
}
newImg = $(this)[0].src;
$("body").append('<div class="fillbg"></div>');
$(".fillbg").addClass("fillbg-active");
$('.bgImg').attr("src", newImg);
});
$(".bgImg,.bg h5").bind("click", function (event) {
event.stopPropagation();
$(".bg").hide();
$(".fill-input").removeClass("fill-input-active");
setTimeout(function () {
$(".fillbg-active").removeClass("fillbg-active");
$(".fillbg").remove();
}, 300);
$('.bgImg').css({ 'width': '0px', 'height': '0px' });
$('.bgImg').attr("src", '');
});
});
</script>
</body>
</html>