×
HTML网页设计

包邮HTML网页设计

1星价 ¥9.0 (4.3折)
2星价￥8.8 定价￥21.0
在书中重启人生|阅读盲盒42.3包邮
五一书市|每满69减30
本类榜单：计算机/网络
所属丛书： 高等学校计算机应用人才培养系列教材
分类：计算机/网络 > 程序设计 > HTMLXML

温馨提示：5折以下图书主要为出版社尾货，大部分为全新（有塑封/无塑封），个别图书品相8-9成新、切口有划线标记、光盘等附件不全详细品相说明>>

暂无评论
中图网萌新选书指北
4.22世界地球日：共同的家园
还好有死亡存在——追忆“弑神者”略萨
坐下聊聊心里话：访谈与书信选
活出我人生：女性主义作品精选
小人物的命运残章：现实主义小说精选
不止魔幻：拉美文学世界
图文详情
  • ISBN：730214691
  • 装帧：暂无
  • 册数：暂无
  • 重量：暂无
  • 开本：16开
  • 页数：211
  • 出版时间：2007-05-01
  • 条形码：9787302146919 ; 978-7-302-14691-9

内容简介

本书共9章，将从html的基本知识开始，力图深人浅出地向读者介绍什么是html，以及如何运用html来设计网页。主要内容包括：html基础知识、创建一个html文件、文档格式化、使用图像和背景、表格布局、框架布局、使用表单收集数据、样式表和html高级主题。本书每章末皆有小结和习题，可以帮助读者能较快地掌握各章的知识。书中的文字叙述通俗易懂、切入主题、并配有程序代码，能够让读者迅速地掌握html网页设计的方法。
本书不仅可作为高等院校计算机专业教材，还适合作为广大网页设计人员和爱好者的参考资料。

目录

第1章　html基础知识
　1.1　html简介
　　1.1.1　html的发展历史
　　1.1.2　html的未来发展
　1.2　查看和编辑html
　　1.2.1　html编辑器
　　1.2.2　web浏览器
　1.3　html基本术语
　　1.3.1　html标记
　　1.3.2　html元素
　　1.3.3　html属性
　1.4　html数据类型
　　1.4.1　长度值
　　1.4.2　颜色值
　　1.4.3　uri地址规范
　本章小结
　习题1
第2章　创建一个html文件
　2.1　使用记事本新建一个html文件
　2.2　html的组织规范
　2.3　html基本标记
　　2.3.1　结构标记
　　2.3.2　头标记
　　2.3.3　文档标题标记<br>　　2.3.4　内容标记<body><br>　　2.3.5　注释标记<br>　　2.3.6　综合示例<br>　本章小结<br>　习题2<br>第3章　文档格式化<br>　3.1　文字格式化<br>　　3.1.1　添加标准文字<br>　　3.1.2　改变文字属性<br>　　3.1.3　格式化文字<br>　　3.1.4　特殊字符<br>　3.2　超链接和锚站<br>　　3.2.1　什么是链接<br>　　3.2.2　锚站元素<br>　　3.2.3　email链接<br>　3.3　段落格式化<br>　　3.3.1　段落标记<br>　　3.3.2　预格式化段落标记<br>　　3.3.3　标题和对齐<br>　　3.3.4　换行与空行<br>　　3.3.5　使用水平线<br>　3.4　使用列表<br>　　3.4.1　有序列表<br>　　3.4.2　无序列表<br>　　3.4.3　定义列表<br>　本章小结<br>　习题3<br>第4章　使用图像和背景<br>　4.1　常见网络图像格式<br>　　4.1.1　gif图像<br>　　4.1.2　jpeg图像<br>　　4.1.3　png图像<br>　4.2　使用图像<br>　　4.2.1　在web页中添加图像<br>　　4.2.2　设定图片高度和宽度<br>　　4.2.3　设置图片位置<br>　　4.2.4　设置图片周围空白大小<br>　　4.2.5　设置边框<br>　　4.2.6　创建图片链接<br>　　4.2.7　创建缩略图<br>　　4.2.8　设置背景图片<br>　4.3　创建图像地图<br>　　4.3.1　创建客户端的图像地图<br>　　4.3.2　创建服务器端的图像地图<br>　　4.3.3　实际应用中的例子<br>　本章小结<br>　习题4<br>第5章　表格布局<br>　5.1　创建表格<br>　　5.1.1　基本表格标记<br>　　5.1.2　设置表格行<br>　　5.1.3　设置表格列<br>　5.2　设置表格格式<br>　　5.2.1　调整表格尺寸和对齐方式<br>　　5.2.2　设置表格背景颜色<br>　　5.2.3　在表格中插入图片<br>　　5.2.4　调整单元格大小<br>　　5.2.5　设置单元格内容的对齐方式<br>　　5.2.6　设置单元格间距和边距<br>　　5.2.7　扩展行和列<br>　5.3　高级表格标记<br>　　5.3.1　添加标题<br>　　5.3.2　行编组<br>　　5.3.3　列编组<br>　　5.3.4　表格边框设置<br>　本章小结<br>　习题5<br>第6章　框架布局<br>　6.1　框架的概念<br>　6.2　创建含有框架的html文档<br>　　6.2.1　简单框架示例<br>　　6.2.2　基本框架标记<br>　　6.2.3　框架集嵌套<br>　　6.2.4　框架目标<br>　6.3　框架格式化<br>　　6.3.1　边框设置<br>　　6.3.2　页白设置<br>　　6.3.3　大小设置<br>　　6.3.4　滚动设置<br>　6.4　浮动框架<br>　本章小结　<br>　习题6<br>第7章　使用表单收集数据<br>　7.1　表单初步<br>　7.2　表单元素<br>　　7.2.1　<form>标记<br>　　7.2.2　<input>标记<br>　　7.2.3　文本域<br>　　7.2.4　密码域<br>　　7.2.5　单选按钮<br>　　7.2.6　复选框<br>　　7.2.7　下拉菜单<br>　　7.2.8　多行文本框<br>　　7.2.9　文件<br>　　7.2.10　提交和重置按钮<br>　　7.2.11　图像按钮<br>　　7.2.12　隐藏域<br>　　7.2.13　button值和button标记<br>　　7.2.14　标签标记<br>　　7.2.15　表单区域fieldset和legend<br>　7.3　表单标记访问控制<br>　　7.3.1　控制tab键的次序<br>　　7.3.2　快捷键<br>　　7.3.3　disable属性和readonly属性<br>　　7.3.4　工具提示与表单域<br>　7.4　处理表单<br>　　7.4.1　method属性:get和post<br>　　7.4.2　action属性<br>　　7.4.3　enctype属性<br>　7.5　设计方法<br>　本章小结<br>　习题7<br>第8章　样式表<br>　8.1　样式表简介<br>　　8.1.1　早期html版本的缺陷<br>　　8.1.2　样式表概念<br>　8.2　使用样式表<br>　　8.2.1　内部样式表<br>　　8.2.2　外部样式表<br>　8.3　样式表创建规则<br>　　8.3.1　id规则<br>　　8.3.2　class规则<br>　　8.3.3　伪类和伪元素<br>　　8.3.4　继承性<br>　　8.3.5　情景选择<br>　8.4　层叠样式表<br>　8.5　样式表属性<br>　　8.5.1　文本<br>　　8.5.2　颜色和背景属性<br>　　8.5.3　字体<br>　　8.5.4　容器模型<br>　　8.5.5　列表<br>　　8.5.6　混合属性<br>　8.6　外部和内联样式表示例<br>　　8.6.1　外部样式表<br>　　8.6.2　内联样式表<br>　本章小结<br>　习题8<br>第9章　html高级主题<br>　9.1　使用多媒体<br>　　9.1.1　web中的多媒体<br>　　9.1.2　添加活动的gif<br>　　9.1.3　添加音频<br>　　9.1.4　添加视频<br>　　9.1.5　添加flash动画<br>　　9.1.6　<object>标记<br>　9.2　使用javascript脚本<br>　　9.2.1　javascript使用目的<br>　　9.2.2　在html中包含javascript<br>　　9.2.3　javascript语言概览<br>　　9.2.4　常用javascript<br>　9.3　区域组件布局<br>　　9.3.1　<div>标记的使用<br>　　9.3.2　<span>标记的使用<br>　　9.3.3　<layer>标记的使用<br>　　9.3.4　三种区域组件的差异<br>　　9.3.5　区域标记位置设定<br>　　9.3.6　区域立体空间建立<br>　9.4　xml初步<br>　　9.4.1　xml概述<br>　　9.4.2　xml基础<br>　　9.4.3　xhtml：用xml改写html<br>　本章小结<br>　习题9<br>参考文献 </div> </div> <div class="switch"><span id="openCatalog">展开全部<i class="icon"></i></span></div> </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">¥44.1</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">¥54.8</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">¥58.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">¥58.1</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">¥39.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="/3438828.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="关系犯罪学(第二版)(21世纪法学研究生参考书系列)" class="lazyImg" data-original="//image31.bookschina.com/2009/20090321/s3438828.jpg" /> </div> <p class="name">关系犯罪学(第二版)(21世纪法学研究生参考书系列)</p> <p class="author">白建军</p> <div class="priceWrap"><span class="price">¥32.4</span><span class="original">¥49.8</span></div> </div> </a> </li> <li> <a href="/7929868.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="吾心吾力:政治视國中宋美龄的思想历程(精)" class="lazyImg" data-original="//image12.bookschina.com/2018/20181115/2/s7929868.jpg" /> </div> <p class="name">吾心吾力:政治视國中宋美龄的思想历程(精)</p> <p class="author">张立杰</p> <div class="priceWrap"><span class="price">¥40.4</span><span class="original">¥68.0</span></div> </div> </a> </li> <li> <a href="/4469494.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="统计学" class="lazyImg" data-original="http://image31.bookschina.com/images/feng200.jpg" /> </div> <p class="name">统计学</p> <p class="author">李洁，董力主编</p> <div class="priceWrap"><span class="price">¥15.8</span><span class="original">¥20.5</span></div> </div> </a> </li> <li> <a href="/7852838.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="汉字/幼小衔接每日练" class="lazyImg" data-original="//image12.bookschina.com/2018/20180928/2/s7852838.jpg" /> </div> <p class="name">汉字/幼小衔接每日练</p> <p class="author">深圳幼福编辑部编</p> <div class="priceWrap"><span class="price">¥10.0</span><span class="original">¥15.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="/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">¥13.7</span><span class="original">¥39.8</span></div> </div> </a> </li> <li> <a href="/9158685.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="造神:人工智能神话的起源和破除 (精装)" class="lazyImg" data-original="//image31.bookschina.com/2025/fm/04/s9158685.jpg" /> </div> <p class="name">造神:人工智能神话的起源和破除 (精装)</p> <div class="priceWrap"><span class="price">¥32.7</span><span class="original">¥88.0</span></div> </div> </a> </li> <li> <a href="/8393251.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="专业导演教你拍好短视频" class="lazyImg" data-original="//image12.bookschina.com/2020/20201121/2/s8393251.jpg" /> </div> <p class="name">专业导演教你拍好短视频</p> <div class="priceWrap"><span class="price">¥13.8</span><span class="original">¥39.9</span></div> </div> </a> </li> <li> <a href="/8302516.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="数学之美" class="lazyImg" data-original="//image12.bookschina.com/2020/20200706/2/s8302516.jpg" /> </div> <p class="name">数学之美</p> <div class="priceWrap"><span class="price">¥41.0</span><span class="original">¥69.0</span></div> </div> </a> </li> <li> <a href="/8296666.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="系统性创新手册(管理版)" class="lazyImg" data-original="//image12.bookschina.com/2020/20200707/2/s8296666.jpg" /> </div> <p class="name">系统性创新手册(管理版)</p> <div class="priceWrap"><span class="price">¥42.6</span><span class="original">¥119.0</span></div> </div> </a> </li> <li> <a href="/6645535.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="计算机网络技术" class="lazyImg" data-original="//image12.bookschina.com/2015/20150201/s6645535.jpg" /> </div> <p class="name">计算机网络技术</p> <div class="priceWrap"><span class="price">¥24.1</span><span class="original">¥33.0</span></div> </div> </a> </li> <li> <a href="/5579848.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="Excel函数.公式与图表" class="lazyImg" data-original="//image12.bookschina.com/2012/20120831/s5579848.jpg" /> </div> <p class="name">Excel函数.公式与图表</p> <div class="priceWrap"><span class="price">¥16.4</span><span class="original">¥48.0</span></div> </div> </a> </li> <li> <a href="/9524724.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt=".NET安全攻防指南(下册)" class="lazyImg" data-original="//image12.bookschina.com/2025/20250317/1/s9524724.jpg" /> </div> <p class="name">.NET安全攻防指南(下册)</p> <div class="priceWrap"><span class="price">¥89.0</span><span class="original">¥129.0</span></div> </div> </a> </li> <li> <a href="/9522566.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt=".NET安全攻防指南(上册)" class="lazyImg" data-original="//image12.bookschina.com/2025/20250318/1/s9522566.jpg" /> </div> <p class="name">.NET安全攻防指南(上册)</p> <div class="priceWrap"><span class="price">¥89.0</span><span class="original">¥129.0</span></div> </div> </a> </li> <li> <a href="/9446051.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="人工智能的底层逻辑" class="lazyImg" data-original="//image12.bookschina.com/2024/20241127/1/s9446051.jpg" /> </div> <p class="name">人工智能的底层逻辑</p> <div class="priceWrap"><span class="price">¥55.3</span><span class="original">¥79.0</span></div> </div> </a> </li> <li> <a href="/9313981.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="数据挖掘技术与应用" class="lazyImg" data-original="//image12.bookschina.com/2024/20241009/9/s9313981.jpg" /> </div> <p class="name">数据挖掘技术与应用</p> <div class="priceWrap"><span class="price">¥52.0</span><span class="original">¥75.0</span></div> </div> </a> </li> <li> <a href="/9196780.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="计算" class="lazyImg" data-original="//image12.bookschina.com/2024/20240121/2/s9196780.jpg" /> </div> <p class="name">计算</p> <div class="priceWrap"><span class="price">¥92.2</span><span class="original">¥128.0</span></div> </div> </a> </li> <li> <a href="/9175070.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="MIDJOURNEY AI绘画从入门到精通" class="lazyImg" data-original="//image12.bookschina.com/2023/20231127/1/s9175070.jpg" /> </div> <p class="name">MIDJOURNEY AI绘画从入门到精通</p> <div class="priceWrap"><span class="price">¥71.5</span><span class="original">¥98.0</span></div> </div> </a> </li> <li> <a href="/9166576.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="商业产品分析:从用户数据获得商业洞见的数据科学方法" class="lazyImg" data-original="//image12.bookschina.com/2023/20231130/1/s9166576.jpg" /> </div> <p class="name">商业产品分析:从用户数据获得商业洞见的数据科学方法</p> <div class="priceWrap"><span class="price">¥89.0</span><span class="original">¥129.0</span></div> </div> </a> </li> <li> <a href="/9152299.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="老年人学电脑" class="lazyImg" data-original="//image12.bookschina.com/2023/20230922/1/s9152299.jpg" /> </div> <p class="name">老年人学电脑</p> <div class="priceWrap"><span class="price">¥34.9</span><span class="original">¥49.9</span></div> </div> </a> </li> <li> <a href="/9151598.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="超简单:用python+ ChatGPT让excel飞起来" class="lazyImg" data-original="//image12.bookschina.com/2023/20231205/1/s9151598.jpg" /> </div> <p class="name">超简单:用python+ ChatGPT让excel飞起来</p> <div class="priceWrap"><span class="price">¥48.4</span><span class="original">¥79.0</span></div> </div> </a> </li> <li> <a href="/9149633.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="人工智能AI摄影与后期修图从小白到高手:MIDJOURNEY+PHOTOSHOP" class="lazyImg" data-original="//image12.bookschina.com/2024/20240125/1/s9149633.jpg" /> </div> <p class="name">人工智能AI摄影与后期修图从小白到高手:MIDJOURNEY+PHOTOSHOP</p> <div class="priceWrap"><span class="price">¥56.9</span><span class="original">¥98.0</span></div> </div> </a> </li> <li> <a href="/9133173.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="人月神话(纪念典藏版)" class="lazyImg" data-original="//image31.bookschina.com/2023/zuo/8/s9133173.jpg" /> </div> <p class="name">人月神话(纪念典藏版)</p> <div class="priceWrap"><span class="price">¥68.6</span><span class="original">¥98.0</span></div> </div> </a> </li> <li> <a href="/9094905.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="十堂极简人工智能课" class="lazyImg" data-original="//image12.bookschina.com/2023/20230725/2/s9094905.jpg" /> </div> <p class="name">十堂极简人工智能课</p> <div class="priceWrap"><span class="price">¥31.9</span><span class="original">¥49.0</span></div> </div> </a> </li> <li> <a href="/9081698.htm"> <div class="bookWrap"> <div class="cover"> <img src="/Content/images/nopic.jpg" alt="精益数据分析 珍藏版" class="lazyImg" data-original="//image12.bookschina.com/2024/20240128/1/s9081698.jpg" /> </div> <p class="name">精益数据分析 珍藏版</p> <div class="priceWrap"><span class="price">¥69.5</span><span class="original">¥119.8</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="2210597"> <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_gray"><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/2210597.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>