第1章 HTML 5快速入门 1 1.1 HTML 5概述 1 1.2 HTML 5的文档结构 2 1.2.1 文档类型说明 3 1.2.2 HTML标记 3 1.2.3 头标记head 3 1.2.4 网页的主体标记body 6 1.2.5 页面注释标记 6 1.3 HTML 5文件的编写方法 7 1.3.1 使用记事本手工编写HTML_x00B_文件 7 1.3.2 使用WebStorm编写HTML_x00B_文件 8 1.4 HTML 5语法的新变化 9 1.4.1 标签不再区分大小写 9 1.4.2 允许属性值不使用引号 10 1.4.3 允许部分属性值的属性_x00B_省略 10 1.5 新手疑惑解答 11 第2章 HTML 5网页中的文本和图像 12 2.1 添加文本 12 2.2 文本排版 16 2.2.1 换行标记
与段落_x00B_标记

16 2.2.2 标题标记

～

18 2.3 文字列表 19 2.3.1 建立无序列表

19 2.3.2 建立有序列表
20 2.4 网页中的图像 21 2.4.1 网页中支持的图片格式 22 2.4.2 使用路径 22 2.4.3 在网页中插入图像标记_x00B_ 23 2.5 URL的概念 27 2.5.1 URL的格式 27 2.5.2 URL的类型 27 2.6 超链接标记 28 2.6.1 设置文本和图片的超_x00B_链接 29 2.6.2 超链接指向的目标类型 29 2.6.3 设置以新窗口显示超链接_x00B_页面 31 2.7 创建热点区域 32 2.8 综合实例——图文并茂的房屋装饰_x00B_装修网页 33 2.9 新手疑惑解答 34 第3章 用HTML 5创建表格和表单 36 3.1 表格基本结构及操作 36 3.1.1 表格基本结构 36 3.1.2 合并单元格 38 3.2 完整的表格标记 42 3.3 表单概述 43 3.4 表单基本元素的使用 44 3.4.1 单行文本输入框text 44 3.4.2 多行文本框标记_x00B_ 45 3.4.3 密码域password 46 3.4.4 单选按钮radio 47 3.4.5 复选框checkbox 48 3.4.6 选择列表标记<select> 49 3.4.7 普通按钮button 50 3.4.8 提交按钮submit 51 3.4.9 重置按钮reset 52 3.5 表单高级元素的使用 53 3.5.1 url属性 53 3.5.2 eamil属性 54 3.5.3 日期和时间 55 3.5.4 number属性 55 3.5.5 range属性 56 3.5.6 required属性 57 3.6 综合实例——创建用户反馈_x00B_表单 58 3.7 新手疑惑解答 59 第4章 HTML 5中的音频和视频 60 4.1 <audio>标记 60 4.1.1 <audio>标记概述 60 4.1.2 <audio>标记的属性 61 4.1.3 音频解码器 62 4.1.4 <audio>标记浏览器的支持_x00B_情况 62 4.2 <video>标记 62 4.2.1 <video>标记概述 62 4.2.2 <video>标记的属性 63 4.2.3 视频解码器 64 4.2.4 <video>标记浏览器的支持_x00B_情况 64 4.3 音频和视频中的方法 64 4.3.1 canPlayType()方法 64 4.3.2 load()方法 66 4.3.3 play()方法和pause()方法 67 4.4 音频和视频中的属性 68 4.4.1 autoplay属性 68 4.4.2 buffered属性 70 4.4.3 controls属性 71 4.4.4 currentSrc属性 73 4.5 新手疑惑解答 74 第5章 数据存储Web Storage 75 5.1 认识Web存储 75 5.1.1 本地存储和Cookies的_x00B_区别 75 5.1.2 Web存储方法 75 5.2 使用HTML 5 Web Storage API 76 5.2.1 测试浏览器的支持情况 76 5.2.2 使用sessionStorage方法_x00B_创建对象 77 5.2.3 使用localStorage方法_x00B_创建对象 78 5.2.4 Web Storage API的其他_x00B_操作 80 5.2.5 使用JSON对象存取_x00B_数据 80 5.3 目前浏览器对Web存储的支持_x00B_情况 83 5.4 综合实例——设计一个页面_x00B_计数器 83 5.5 新手疑惑解答 85 第6章 CSS快速入门 86 6.1 CSS介绍 86 6.1.1 CSS功能 86 6.1.2 CSS发展历史 87 6.1.3 浏览器与CSS 87 6.2 编辑和浏览CSS 88 6.2.1 CSS基础语法 88 6.2.2 使用WebStorm创建CSS_x00B_文件 88 6.3 在HTML中使用CSS的方法 89 6.3.1 行内样式 90 6.3.2 内嵌样式 90 6.3.3 链接样式 92 6.3.4 导入样式 93 6.3.5 优先级问题 94 6.4 CSS 3选择器 96 6.4.1 标记选择器 97 6.4.2 类选择器 98 6.4.3 ID选择器 99 6.4.4 全局选择器 101 6.4.5 组合选择器 102 6.4.6 继承选择器 103 6.4.7 伪类 104 6.4.8 属性选择器 106 6.4.9 结构伪类选择器 107 6.4.10 UI元素状态伪类_x00B_选择器 109 6.5 选择器的声明 110 6.5.1 集体声明 111 6.5.2 多重嵌套声明 112 6.6 综合实例——设计新闻菜单 112 6.7 新手疑惑解答 116 第7章 CSS基础语法 117 7.1 CSS美化网页中的文字 117 7.1.1 设置字体的属性 117 7.1.2 字体颜色color 120 7.2 文本的对齐方式 122 7.2.1 垂直对齐方式_x00B_vertial-align 122 7.2.2 水平对齐方式 124 7.3 CSS美化网页中的表格 126 7.3.1 表格边框样式 126 7.3.2 表格边框宽度 128 7.3.3 表格边框颜色 130 7.4 CSS与表单 131 7.4.1 美化表单中的元素 131 7.4.2 美化提交按钮 133 7.4.3 美化下拉菜单 135 7.5 CSS美化网页中的图片 137 7.5.1 图片边框 137 7.5.2 横向对齐方式 138 7.5.3 纵向对齐方式 139 7.6 CSS美化网页背景 141 7.6.1 背景颜色 141 7.6.2 背景图片 142 7.7 综合实例——制作旅游宣传_x00B_网页 145 7.8 新手疑惑解答 149 第8章 网页的定位与布局 151 8.1 定位方式 151 8.1.1 定位属性 151 8.1.2 position定位 152 8.1.3 层叠顺序z-index 156 8.1.4 边偏移属性 158 8.2 float浮动定位 159 8.3 overflow溢出定位 162 8.4 visibility隐藏定位 163 8.5 块和行内元素display 165 8.5.1 块元素 165 8.5.2 行内元素 168 8.6 综合实例——定位布局新闻 168 8.7 新手疑惑解答 172 第9章 JavaScript快速入门 173 9.1 JavaScript简介 173 9.2 在HTML文件中使用JavaScript_x00B_代码 174 9.2.1 JavaScript嵌入HTML_x00B_文件 174 9.2.2 外部JavaScript文件 175 9.3 数据类型与变量 176 9.3.1 数据类型 176 9.3.2 变量 178 9.4 流程控制语句 180 9.4.1 注释语句和语句块 180 9.4.2 选择语句 181 9.4.3 循环语句 188 9.5 函数 191 9.5.1 函数简介 191 9.5.2 定义函数 192 9.5.3 调用函数 195 9.6 综合实例——购物简易计算器 197 9.7 新手疑惑解答 199 第10章 JavaScript对象编程 200 10.1 字符串对象 200 10.1.1 字符串对象的创建 200 10.1.2 字符串对象的常用_x00B_属性 201 10.1.3 字符串对象的常用_x00B_函数 201 10.2 数组对象 203 10.2.1 数组对象的创建 204 10.2.2 数组对象的操作 204 10.2.3 数组对象的常用方法 207 10.3 文档对象模型 211 10.3.1 文档对象模型介绍 211 10.3.2 在DOM模型中获得_x00B_对象的方法 211 10.3.3 事件驱动 213 10.4 窗口（window）对象 215 10.4.1 窗口介绍 215 10.4.2 对话框 217 10.4.3 窗口操作 219 10.5 文档（document）对象 220 10.5.1 文档的属性 221 10.5.2 文档中的图片 223 10.5.3 文档中的超链接 224 10.6 表单对象 226 10.6.1 form对象 226 10.6.2 form对象的属性与_x00B_方法 227 10.6.3 单选与复选的使用 228 10.6.4 使用下拉菜单 230 10.7 综合实例——设计省市联动_x00B_效果 231 10.8 新手疑惑解答 235 第11章 JavaScript操纵CSS 236 11.1 DHTML简介 236 11.2 前台动态网页效果 237 11.2.1 动态内容 237 11.2.2 动态样式 238 11.2.3 动态定位 240 11.2.4 显示与隐藏 242 11.3 JavaScript控制表单背景色和_x00B_文字提示 243 11.4 综合实例——实现即时验证_x00B_效果 246 11.5 新手疑惑解答 248 第12章 地理定位、离线Web应用和_x00B_Web存储 250 12.1 获取地理位置 250 12.1.1 地理地位的原理 250 12.1.2 地理定位的函数 250 12.1.3 指定纬度和经度坐标 251 12.1.4 目前浏览器对地理定位的_x00B_支持情况 252 12.2 HTML 5离线Web应用 253 12.2.1 新增的本地缓存 253 12.2.2 本地缓存的管理者——_x00B_manifest文件 253 12.2.3 浏览器网页缓存与本地_x00B_缓存的区别 254 12.2.4 目前浏览器对Web离线_x00B_应用的支持情况 254 12.3 Web存储 255 12.3.1 本地存储和Cookies的_x00B_区别 255 12.3.2 在客户端存储数据 255 12.3.3 sessionStorage函数 256 12.3.4 localStorage函数 257 12.3.5 目前浏览器对Web存储的_x00B_支持情况 258 12.4 新手疑惑解答 259 第13章 熟悉jQuery Mobile 260 13.1 认识jQuery Mobile 260 13.2 跨平台移动设备网页_x00B_jQuery Mobile 261 13.2.1 移动设备模拟器 261 13.2.2 jQuery Mobile的安装 262 13.2.3 jQuery Mobile网页的_x00B_架构 264 13.3 创建多页面的jQuery Mobile_x00B_网页 265 13.4 将页面作为对话框使用 267 13.5 绚丽多彩的页面切换效果 268 13.6 综合案例——设计弹出表单_x00B_效果 271 13.7 新手疑惑解答 272 第14章 jQuery Mobile UI组件 273 14.1 套用UI组件 273 14.1.1 表单组件 273 14.1.2 按钮和组按钮 281 14.1.3 按钮图标 283 14.1.4 弹窗 285 14.2 列表 286 14.2.1 列表视图 287 14.2.2 列表内容 289 14.2.3 列表过滤 291 14.3 面板和可折叠块 293 14.3.1 面板 293 14.3.2 可折叠块 294 14.4 导航条 296 14.5 jQuery Mobile主题 300 14.6 综合案例——设计一个商品列表_x00B_页面 303 14.7 新手疑惑解答 306 第15章 jQuery Mobile事件 307 15.1 页面事件 307 15.1.1 初始化事件 307 15.1.2 外部页面加载事件 310 15.1.3 页面过渡事件 312 15.2 触摸事件 314 15.2.1 点击事件 314 15.2.2 滑动事件 317 15.3 滚屏事件 319 15.4 定位事件 322 15.5 综合案例——设计一个商品秒杀的_x00B_滚屏页面 324 15.6 新手疑惑解答 326 第16章 数据存储和读取技术 327 16.1 Web SQL Database概述 327 16.2 使用Web SQL Database操作_x00B_数据 327 16.2.1 数据库的基本操作 328 16.2.2 数据表的基本操作 329 16.2.3 数据的基本操作 331 16.3 综合案例——企业员工管理_x00B_系统 332 16.4 新手疑惑解答 335 第17章 使用jQuery Mobile插件 336 17.1 Camera插件 336 17.2 Swipebox插件 338 17.3 mmenu插件 340 17.4 DateBox插件 342 17.5 Mobiscroll插件 343 17.6 新手疑惑解答 345 第18章 项目实训1——开发求职_x00B_招聘App 346 18.1 项目概述 346 18.1.1 项目结构目录 346 18.1.2 项目效果展示 347 18.2 项目设计 349 18.2.1 设计登录和注册页面 349 18.2.2 设计个人中心页面 351 18.2.3 设计简历预览页面 353 18.2.4 设计简历编辑页面 354 18.2.5 设计投递记录和职位_x00B_收藏页面 355 18.2.6 设计职位列表页面 359 18.2.7 设计职位详情页面 361 18.3 项目打包成App 362 第19章 项目实训2——开发_x00B_游戏App 366 19.1 游戏概述 366 19.1.1 游戏结构目录 366 19.1.2 项目效果演示 366 19.2 游戏设计 367 19.2.1 index.html文件 367 19.2.2 style.css文件 368 19.2.3 index.js文件 369 19.3 项目打包成App 372 第20章 项目实训3——开发购物_x00B_网站App 373 20.1 项目概述 373 20.1.1 项目结构目录 373 20.1.2 项目效果展示 373 20.2 首页设计 375 20.2.1 设计广告栏 376 20.2.2 设计导航栏 379 20.2.3 设计轮播 380 20.2.4 设计蔬菜栏 382 20.2.5 设计干果栏 385 20.2.6 设计底部栏 389 20.3 购买页面设计 391 20.4 蔬菜展示页面设计 395 20.5 项目打包成App 398 </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>王英英，从事Web应用开发多年，精通多种编程语言，对数据库技术有深入研究。在Python编程、数据库开发方面有着丰富的经验，并已出版过多本相关畅销书，受广大读者熟悉和认可。畅销书有《MySQL 5.7从零开始学（视频教学版）》《MySQL8从入门到精通（视频教学版）》等。 </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="/8616460.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="HTML5+CSS3+JavaScript+jQuery Mobile移动网站与App开发(视频教学版)(Web前端技术" class="lazyImg" data-original="//image12.bookschina.com/2021/20210810/2/s8616460.jpg" /> </div> <p class="name">HTML5+CSS3+JavaScript+jQuery Mobile移动网站与App开发(视频教学版)(Web前端技术</p> <p class="author">王英英</p> <div class="priceWrap"><span class="price">¥58.8</span><span class="original">¥98.0</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="8616460"> <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="8616460"> <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/8616460.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>