书入法

搜索

《HTML5从入门到精通》系统、全面地讲解了HTML语言及其最新版本HTML5的新功能与新特性，技术新颖实用。书中所有知识点均结合实例进行讲解，方便读者动手实践。同时在每 …… [ 展开全部 ]

作者：明日科技
出版社：清华大学出版社
定价：59.80元
ISBN：9787302287582

给个评价做个书摘

查看所有书摘按目录显示书摘

有品位！

还没有认为这本书添加过书摘，赶紧来做第一个吧！

发布一条书摘有50分入账哦。

点击加载更多

导购链接

文字书摘

读图识字

至少还需要输入 10 字

保存原图片为书摘上传图片

最多输入500个字

上传图片

重新上传

写点笔记吧

至少还需要输入 10 字

章节（选填）

页码（选填）

这本书已经添加了这些章节，请勾选或者新建你的书摘所属的章节

add up down remove

目录
第1篇 HTML基础
第1章 HTML基础 3
教学录像：22分钟
1.1 HTML的基本概念 4
1.2 HTML发展史 4
1.3 HTML的基本结构 5
1.3.1 HTML文件的编写方法 5
1.3.2 文件开始标签 7
1.3.3 文件头部标签 7
1.3.4 文件标题标签 7</span></label> </li> <li data-curr="5662211"> <label><input type="radio" name="r" value="5662211" ><span>1.3.5 文件主体标签<body> 7</span></label> </li> <li data-curr="5662212"> <label><input type="radio" name="r" value="5662212" ><span>1.3.6 编写文件的注意事项 8</span></label> </li> <li data-curr="5662213"> <label><input type="radio" name="r" value="5662213" ><span>1.4 编写第一个HTML文件 8</span></label> </li> <li data-curr="5662214"> <label><input type="radio" name="r" value="5662214" ><span>1.4.1 HTML文件的编写方法 8</span></label> </li> <li data-curr="5662215"> <label><input type="radio" name="r" value="5662215" ><span>1.4.2 手工编写页面 9</span></label> </li> <li data-curr="5662216"> <label><input type="radio" name="r" value="5662216" ><span>1.4.3 使用可视化软件制作页面 10</span></label> </li> <li data-curr="5662217"> <label><input type="radio" name="r" value="5662217" ><span>1.4.4 使用浏览器浏览HTML文件 14</span></label> </li> <li data-curr="5662218"> <label><input type="radio" name="r" value="5662218" ><span>1.4.5 使用HTML开发的明日图书网 14</span></label> </li> <li data-curr="5662219"> <label><input type="radio" name="r" value="5662219" ><span>1.5 小结 15</span></label> </li> <li data-curr="5662220"> <label><input type="radio" name="r" value="5662220" ><span>1.6 习题 16</span></label> </li> <li data-curr="5662221"> <label><input type="radio" name="r" value="5662221" ><span>第2章 HTML文件基本标记 17</span></label> </li> <li data-curr="5662222"> <label><input type="radio" name="r" value="5662222" ><span>教学录像：44分钟</span></label> </li> <li data-curr="5662223"> <label><input type="radio" name="r" value="5662223" ><span>2.1 HTML头部标记 18</span></label> </li> <li data-curr="5662224"> <label><input type="radio" name="r" value="5662224" ><span>2.2 标题标记<title> 18</span></label> </li> <li data-curr="5662225"> <label><input type="radio" name="r" value="5662225" ><span>2.3 元信息标记<meta> 19</span></label> </li> <li data-curr="5662226"> <label><input type="radio" name="r" value="5662226" ><span>2.3.1 设置页面关键字 19</span></label> </li> <li data-curr="5662227"> <label><input type="radio" name="r" value="5662227" ><span>2.3.2 设置页面描述 20</span></label> </li> <li data-curr="5662228"> <label><input type="radio" name="r" value="5662228" ><span>2.3.3 设置编辑工具 20</span></label> </li> <li data-curr="5662229"> <label><input type="radio" name="r" value="5662229" ><span>2.3.4 设定作者信息 21</span></label> </li> <li data-curr="5662230"> <label><input type="radio" name="r" value="5662230" ><span>2.3.5 限制搜索方式 22</span></label> </li> <li data-curr="5662231"> <label><input type="radio" name="r" value="5662231" ><span>2.3.6 设置网页文字及语言 22</span></label> </li> <li data-curr="5662232"> <label><input type="radio" name="r" value="5662232" ><span>2.3.7 设置网页的定时跳转 23</span></label> </li> <li data-curr="5662233"> <label><input type="radio" name="r" value="5662233" ><span>2.3.8 设定有效期限 24</span></label> </li> <li data-curr="5662234"> <label><input type="radio" name="r" value="5662234" ><span>2.3.9 禁止从缓存中调用 24</span></label> </li> <li data-curr="5662235"> <label><input type="radio" name="r" value="5662235" ><span>2.3.10 删除过期的cookie 25</span></label> </li> <li data-curr="5662236"> <label><input type="radio" name="r" value="5662236" ><span>2.3.11 强制打开新窗口 25</span></label> </li> <li data-curr="5662237"> <label><input type="radio" name="r" value="5662237" ><span>2.3.12 设置网页的过渡效果 26</span></label> </li> <li data-curr="5662238"> <label><input type="radio" name="r" value="5662238" ><span>2.4 基底网址标记<base> 29</span></label> </li> <li data-curr="5662239"> <label><input type="radio" name="r" value="5662239" ><span>2.5 页面的主体标记<body> 30</span></label> </li> <li data-curr="5662240"> <label><input type="radio" name="r" value="5662240" ><span>2.5.1 设置文字颜色——text 31</span></label> </li> <li data-curr="5662241"> <label><input type="radio" name="r" value="5662241" ><span>2.5.2 背景颜色属性——bgcolor 32</span></label> </li> <li data-curr="5662242"> <label><input type="radio" name="r" value="5662242" ><span>2.5.3 背景图像属性——background 32</span></label> </li> <li data-curr="5662243"> <label><input type="radio" name="r" value="5662243" ><span>2.5.4 设置链接文字属性——link 35</span></label> </li> <li data-curr="5662244"> <label><input type="radio" name="r" value="5662244" ><span>2.5.5 设置边距——margin 37</span></label> </li> <li data-curr="5662245"> <label><input type="radio" name="r" value="5662245" ><span>2.6 页面的注释标记 38</span></label> </li> <li data-curr="5662246"> <label><input type="radio" name="r" value="5662246" ><span>2.7 实例演练——创建基本的HTML网页 38</span></label> </li> <li data-curr="5662247"> <label><input type="radio" name="r" value="5662247" ><span>2.8 小结 39</span></label> </li> <li data-curr="5662248"> <label><input type="radio" name="r" value="5662248" ><span>2.9 习题 40</span></label> </li> <li data-curr="5662249"> <label><input type="radio" name="r" value="5662249" ><span>第3章设计网页文本内容 41</span></label> </li> <li data-curr="5662250"> <label><input type="radio" name="r" value="5662250" ><span>教学录像：29分钟</span></label> </li> <li data-curr="5662251"> <label><input type="radio" name="r" value="5662251" ><span>3.1 标题文字的建立 42</span></label> </li> <li data-curr="5662252"> <label><input type="radio" name="r" value="5662252" ><span>3.1.1 标题文字标记<h> 42</span></label> </li> <li data-curr="5662253"> <label><input type="radio" name="r" value="5662253" ><span>3.1.2 标题文字的对齐方式——align 43</span></label> </li> <li data-curr="5662254"> <label><input type="radio" name="r" value="5662254" ><span>3.2 设置文字格式 44</span></label> </li> <li data-curr="5662255"> <label><input type="radio" name="r" value="5662255" ><span>3.2.1 设置文字字体——face 44</span></label> </li> <li data-curr="5662256"> <label><input type="radio" name="r" value="5662256" ><span>3.2.2 设置字号——size 45</span></label> </li> <li data-curr="5662257"> <label><input type="radio" name="r" value="5662257" ><span>3.2.3 设置文字颜色——color 46</span></label> </li> <li data-curr="5662258"> <label><input type="radio" name="r" value="5662258" ><span>3.2.4 粗体、斜体、下划线——strong、em、u 46</span></label> </li> <li data-curr="5662259"> <label><input type="radio" name="r" value="5662259" ><span>3.2.5 上标与下标——sup、sub 47</span></label> </li> <li data-curr="5662260"> <label><input type="radio" name="r" value="5662260" ><span>3.2.6 设置删除线——strike 48</span></label> </li> <li data-curr="5662261"> <label><input type="radio" name="r" value="5662261" ><span>3.2.7 等宽文字标记——code 49</span></label> </li> <li data-curr="5662262"> <label><input type="radio" name="r" value="5662262" ><span>3.2.8 空格—— 49</span></label> </li> <li data-curr="5662263"> <label><input type="radio" name="r" value="5662263" ><span>3.2.9 其他特殊符号 50</span></label> </li> <li data-curr="5662264"> <label><input type="radio" name="r" value="5662264" ><span>3.3 设置段落格式 51</span></label> </li> <li data-curr="5662265"> <label><input type="radio" name="r" value="5662265" ><span>3.3.1 段落标记——p 51</span></label> </li> <li data-curr="5662266"> <label><input type="radio" name="r" value="5662266" ><span>3.3.2 取消文字换行标记——nobr 52</span></label> </li> <li data-curr="5662267"> <label><input type="radio" name="r" value="5662267" ><span>3.3.3 换行标记——br 53</span></label> </li> <li data-curr="5662268"> <label><input type="radio" name="r" value="5662268" ><span>3.3.4 保留原始排版方式标记——pre 53</span></label> </li> <li data-curr="5662269"> <label><input type="radio" name="r" value="5662269" ><span>3.3.5 居中对齐标记——center 54</span></label> </li> <li data-curr="5662270"> <label><input type="radio" name="r" value="5662270" ><span>3.3.6 向右缩进标记——blockquote 55</span></label> </li> <li data-curr="5662271"> <label><input type="radio" name="r" value="5662271" ><span>3.4 水平线标记 56</span></label> </li> <li data-curr="5662272"> <label><input type="radio" name="r" value="5662272" ><span>3.4.1 添加水平线——hr 56</span></label> </li> <li data-curr="5662273"> <label><input type="radio" name="r" value="5662273" ><span>3.4.2 设置水平线的宽度与高度</span></label> </li> <li data-curr="5662274"> <label><input type="radio" name="r" value="5662274" ><span>——width、height 57</span></label> </li> <li data-curr="5662275"> <label><input type="radio" name="r" value="5662275" ><span>3.4.3 设置水平线的颜色——color 58</span></label> </li> <li data-curr="5662276"> <label><input type="radio" name="r" value="5662276" ><span>3.4.4 设置水平线的对齐方式——align 59</span></label> </li> <li data-curr="5662277"> <label><input type="radio" name="r" value="5662277" ><span>3.4.5 去掉水平线阴影——noshade 60</span></label> </li> <li data-curr="5662278"> <label><input type="radio" name="r" value="5662278" ><span>3.5 其他文字标记 60</span></label> </li> <li data-curr="5662279"> <label><input type="radio" name="r" value="5662279" ><span>3.5.1 文字标注标记——ruby 60</span></label> </li> <li data-curr="5662280"> <label><input type="radio" name="r" value="5662280" ><span>3.5.2 声明变量标记——var 61</span></label> </li> <li data-curr="5662281"> <label><input type="radio" name="r" value="5662281" ><span>3.5.3 忽视HTML标记</span></label> </li> <li data-curr="5662282"> <label><input type="radio" name="r" value="5662282" ><span>——plaintext、xmp 62</span></label> </li> <li data-curr="5662283"> <label><input type="radio" name="r" value="5662283" ><span>3.6 小结 63</span></label> </li> <li data-curr="5662284"> <label><input type="radio" name="r" value="5662284" ><span>3.7 习题 63</span></label> </li> <li data-curr="5662285"> <label><input type="radio" name="r" value="5662285" ><span>第4章使用列表 65</span></label> </li> <li data-curr="5662286"> <label><input type="radio" name="r" value="5662286" ><span>教学录像：35分钟</span></label> </li> <li data-curr="5662287"> <label><input type="radio" name="r" value="5662287" ><span>4.1 列表的标记 66</span></label> </li> <li data-curr="5662288"> <label><input type="radio" name="r" value="5662288" ><span>4.2 使用无序列表 66</span></label> </li> <li data-curr="5662289"> <label><input type="radio" name="r" value="5662289" ><span>4.2.1 无序列表标记——ul 66</span></label> </li> <li data-curr="5662290"> <label><input type="radio" name="r" value="5662290" ><span>4.2.2 无序列表的符号类型——type 67</span></label> </li> <li data-curr="5662291"> <label><input type="radio" name="r" value="5662291" ><span>4.3 使用有序列表 69</span></label> </li> <li data-curr="5662292"> <label><input type="radio" name="r" value="5662292" ><span>4.3.1　有序列表标记——ol 69</span></label> </li> <li data-curr="5662293"> <label><input type="radio" name="r" value="5662293" ><span>4.3.2　有序列表的属性——type 70</span></label> </li> <li data-curr="5662294"> <label><input type="radio" name="r" value="5662294" ><span>4.3.3　有序列表的起始数值——start 72</span></label> </li> <li data-curr="5662295"> <label><input type="radio" name="r" value="5662295" ><span>4.4 定义列表标记——dl 73</span></label> </li> <li data-curr="5662296"> <label><input type="radio" name="r" value="5662296" ><span>4.5 菜单列表标记——menu 74</span></label> </li> <li data-curr="5662297"> <label><input type="radio" name="r" value="5662297" ><span>4.6 目录列表——dir 75</span></label> </li> <li data-curr="5662298"> <label><input type="radio" name="r" value="5662298" ><span>4.7 使用嵌套列表 76</span></label> </li> <li data-curr="5662299"> <label><input type="radio" name="r" value="5662299" ><span>4.7.1　定义列表的嵌套 77</span></label> </li> <li data-curr="5662300"> <label><input type="radio" name="r" value="5662300" ><span>4.7.2　无序列表和有序列表的嵌套 78</span></label> </li> <li data-curr="5662301"> <label><input type="radio" name="r" value="5662301" ><span>4.8 小结 79</span></label> </li> <li data-curr="5662302"> <label><input type="radio" name="r" value="5662302" ><span>4.9 习题 80</span></label> </li> <li data-curr="5662303"> <label><input type="radio" name="r" value="5662303" ><span>第5章超链接 81</span></label> </li> <li data-curr="5662304"> <label><input type="radio" name="r" value="5662304" ><span>教学录像：22分钟</span></label> </li> <li data-curr="5662305"> <label><input type="radio" name="r" value="5662305" ><span>5.1 超链接的基本知识 82</span></label> </li> <li data-curr="5662306"> <label><input type="radio" name="r" value="5662306" ><span>5.1.1 超链接 82</span></label> </li> <li data-curr="5662307"> <label><input type="radio" name="r" value="5662307" ><span>5.1.2 绝对路径 82</span></label> </li> <li data-curr="5662308"> <label><input type="radio" name="r" value="5662308" ><span>5.1.3 相对路径 82</span></label> </li> <li data-curr="5662309"> <label><input type="radio" name="r" value="5662309" ><span>5.2 超链接的建立 83</span></label> </li> <li data-curr="5662310"> <label><input type="radio" name="r" value="5662310" ><span>5.2.1 超链接标记的基本语法 83</span></label> </li> <li data-curr="5662311"> <label><input type="radio" name="r" value="5662311" ><span>5.2.2 建立文本超链接 83</span></label> </li> <li data-curr="5662312"> <label><input type="radio" name="r" value="5662312" ><span>5.2.3 设置超链接的目标窗口 85</span></label> </li> <li data-curr="5662313"> <label><input type="radio" name="r" value="5662313" ><span>5.3 内部链接 87</span></label> </li> <li data-curr="5662314"> <label><input type="radio" name="r" value="5662314" ><span>5.4 书签链接 89</span></label> </li> <li data-curr="5662315"> <label><input type="radio" name="r" value="5662315" ><span>5.4.1 建立书签 89</span></label> </li> <li data-curr="5662316"> <label><input type="radio" name="r" value="5662316" ><span>5.4.2 链接到同一页面的书签 91</span></label> </li> <li data-curr="5662317"> <label><input type="radio" name="r" value="5662317" ><span>5.4.3 链接到不同页面的书签 92</span></label> </li> <li data-curr="5662318"> <label><input type="radio" name="r" value="5662318" ><span>5.5 外部链接 93</span></label> </li> <li data-curr="5662319"> <label><input type="radio" name="r" value="5662319" ><span>5.5.1 通过HTTP协议 94</span></label> </li> <li data-curr="5662320"> <label><input type="radio" name="r" value="5662320" ><span>5.5.2 通过FTP 94</span></label> </li> <li data-curr="5662321"> <label><input type="radio" name="r" value="5662321" ><span>5.5.3 发送E-mail 95</span></label> </li> <li data-curr="5662322"> <label><input type="radio" name="r" value="5662322" ><span>5.5.4 下载文件 96</span></label> </li> <li data-curr="5662323"> <label><input type="radio" name="r" value="5662323" ><span>5.6 其他链接 98</span></label> </li> <li data-curr="5662324"> <label><input type="radio" name="r" value="5662324" ><span>5.6.1 脚本链接 98</span></label> </li> <li data-curr="5662325"> <label><input type="radio" name="r" value="5662325" ><span>5.6.2 空链接 99</span></label> </li> <li data-curr="5662326"> <label><input type="radio" name="r" value="5662326" ><span>5.7 小结 99</span></label> </li> <li data-curr="5662327"> <label><input type="radio" name="r" value="5662327" ><span>5.8 习题 100</span></label> </li> <li data-curr="5662328"> <label><input type="radio" name="r" value="5662328" ><span>第6章使用图像 101</span></label> </li> <li data-curr="5662329"> <label><input type="radio" name="r" value="5662329" ><span>教学录像：35分钟</span></label> </li> <li data-curr="5662330"> <label><input type="radio" name="r" value="5662330" ><span>6.1 图像的基本格式 102</span></label> </li> <li data-curr="5662331"> <label><input type="radio" name="r" value="5662331" ><span>6.2 添加图像——img 102</span></label> </li> <li data-curr="5662332"> <label><input type="radio" name="r" value="5662332" ><span>6.3 设置图像属性 103</span></label> </li> <li data-curr="5662333"> <label><input type="radio" name="r" value="5662333" ><span>6.3.1 图像高度——height 103</span></label> </li> <li data-curr="5662334"> <label><input type="radio" name="r" value="5662334" ><span>6.3.2 图像宽度——width 104</span></label> </li> <li data-curr="5662335"> <label><input type="radio" name="r" value="5662335" ><span>6.3.3 图像边框——border 105</span></label> </li> <li data-curr="5662336"> <label><input type="radio" name="r" value="5662336" ><span>6.3.4 图像水平间距——hspace 107</span></label> </li> <li data-curr="5662337"> <label><input type="radio" name="r" value="5662337" ><span>6.3.5 图像垂直间距——vspace 108</span></label> </li> <li data-curr="5662338"> <label><input type="radio" name="r" value="5662338" ><span>6.3.6 图像相对于文字基准线的对齐方式</span></label> </li> <li data-curr="5662339"> <label><input type="radio" name="r" value="5662339" ><span>——align 108</span></label> </li> <li data-curr="5662340"> <label><input type="radio" name="r" value="5662340" ><span>6.3.7 图像的提示文字——alt 110</span></label> </li> <li data-curr="5662341"> <label><input type="radio" name="r" value="5662341" ><span>6.4 图像的超链接 111</span></label> </li> <li data-curr="5662342"> <label><input type="radio" name="r" value="5662342" ><span>6.4.1　设置图像的超链接 111</span></label> </li> <li data-curr="5662343"> <label><input type="radio" name="r" value="5662343" ><span>6.4.2　设置图像热区链接 112</span></label> </li> <li data-curr="5662344"> <label><input type="radio" name="r" value="5662344" ><span>6.5 小结 116</span></label> </li> <li data-curr="5662345"> <label><input type="radio" name="r" value="5662345" ><span>6.6 习题 116</span></label> </li> <li data-curr="5662346"> <label><input type="radio" name="r" value="5662346" ><span>第7章表格的应用 118</span></label> </li> <li data-curr="5662347"> <label><input type="radio" name="r" value="5662347" ><span>教学录像：48分钟</span></label> </li> <li data-curr="5662348"> <label><input type="radio" name="r" value="5662348" ><span>7.1　创建表格 119</span></label> </li> <li data-curr="5662349"> <label><input type="radio" name="r" value="5662349" ><span>7.1.1　表格的基本构成——table、tr、td 119</span></label> </li> <li data-curr="5662350"> <label><input type="radio" name="r" value="5662350" ><span>7.1.2　表格的标题——caption 120</span></label> </li> <li data-curr="5662351"> <label><input type="radio" name="r" value="5662351" ><span>7.1.3　表格的表头——th 121</span></label> </li> <li data-curr="5662352"> <label><input type="radio" name="r" value="5662352" ><span>7.2　设置表格基本属性 123</span></label> </li> <li data-curr="5662353"> <label><input type="radio" name="r" value="5662353" ><span>7.2.1　表格的宽度——width 123</span></label> </li> <li data-curr="5662354"> <label><input type="radio" name="r" value="5662354" ><span>7.2.2　表格的高度——height 125</span></label> </li> <li data-curr="5662355"> <label><input type="radio" name="r" value="5662355" ><span>7.2.3　表格的对齐方式——align 126</span></label> </li> <li data-curr="5662356"> <label><input type="radio" name="r" value="5662356" ><span>7.3　设置表格的边框 127</span></label> </li> <li data-curr="5662357"> <label><input type="radio" name="r" value="5662357" ><span>7.3.1　表格边框的宽度——border 127</span></label> </li> <li data-curr="5662358"> <label><input type="radio" name="r" value="5662358" ><span>7.3.2　表格边框的颜色——bordercolor 128</span></label> </li> <li data-curr="5662359"> <label><input type="radio" name="r" value="5662359" ><span>7.3.3　表格内框的宽度——cellspacing 130</span></label> </li> <li data-curr="5662360"> <label><input type="radio" name="r" value="5662360" ><span>7.3.4　表格内文字与边框的间距</span></label> </li> <li data-curr="5662361"> <label><input type="radio" name="r" value="5662361" ><span>——cellpadding 131</span></label> </li> <li data-curr="5662362"> <label><input type="radio" name="r" value="5662362" ><span>7.4　设置表格背景 132</span></label> </li> <li data-curr="5662363"> <label><input type="radio" name="r" value="5662363" ><span>7.4.1　表格的背景颜色——bgcolor 132</span></label> </li> <li data-curr="5662364"> <label><input type="radio" name="r" value="5662364" ><span>7.4.2　表格的背景图像——background 133</span></label> </li> <li data-curr="5662365"> <label><input type="radio" name="r" value="5662365" ><span>7.5　设置表格的行属性 134</span></label> </li> <li data-curr="5662366"> <label><input type="radio" name="r" value="5662366" ><span>7.5.1　高度的控制——height 134</span></label> </li> <li data-curr="5662367"> <label><input type="radio" name="r" value="5662367" ><span>7.5.2　行的边框颜色——bordercolor 135</span></label> </li> <li data-curr="5662368"> <label><input type="radio" name="r" value="5662368" ><span>7.5.3　行的背景颜色——bgcolor、background 136</span></label> </li> <li data-curr="5662369"> <label><input type="radio" name="r" value="5662369" ><span>7.5.4　行文字的水平对齐方式——align 137</span></label> </li> <li data-curr="5662370"> <label><input type="radio" name="r" value="5662370" ><span>7.5.5　行文字的垂直对齐方式——valign 139</span></label> </li> <li data-curr="5662371"> <label><input type="radio" name="r" value="5662371" ><span>7.5.6 表格标题的垂直对齐方式——align 140</span></label> </li> <li data-curr="5662372"> <label><input type="radio" name="r" value="5662372" ><span>7.6　调整单元格属性 141</span></label> </li> <li data-curr="5662373"> <label><input type="radio" name="r" value="5662373" ><span>7.6.1　单元格大小——width、height 141</span></label> </li> <li data-curr="5662374"> <label><input type="radio" name="r" value="5662374" ><span>7.6.2　单元格水平跨度——colspan 142</span></label> </li> <li data-curr="5662375"> <label><input type="radio" name="r" value="5662375" ><span>7.6.3　单元格垂直跨度——rowspan 143</span></label> </li> <li data-curr="5662376"> <label><input type="radio" name="r" value="5662376" ><span>7.6.4　单元格对齐方式——align、valign 144</span></label> </li> <li data-curr="5662377"> <label><input type="radio" name="r" value="5662377" ><span>7.6.5　单元格的背景色 146</span></label> </li> <li data-curr="5662378"> <label><input type="radio" name="r" value="5662378" ><span>7.6.6　单元格的边框颜色——bordercolor 147</span></label> </li> <li data-curr="5662379"> <label><input type="radio" name="r" value="5662379" ><span>7.6.7　单元格的亮边框——bordercolorlight 148</span></label> </li> <li data-curr="5662380"> <label><input type="radio" name="r" value="5662380" ><span>7.6.8　单元格的暗边框——bordercolordark 150</span></label> </li> <li data-curr="5662381"> <label><input type="radio" name="r" value="5662381" ><span>7.6.9　单元格的背景图像——background 151</span></label> </li> <li data-curr="5662382"> <label><input type="radio" name="r" value="5662382" ><span>7.7　表格的结构 152</span></label> </li> <li data-curr="5662383"> <label><input type="radio" name="r" value="5662383" ><span>7.7.1　表格的表头标记——thead 153</span></label> </li> <li data-curr="5662384"> <label><input type="radio" name="r" value="5662384" ><span>7.7.2　表格的表主体标记——tbody 154</span></label> </li> <li data-curr="5662385"> <label><input type="radio" name="r" value="5662385" ><span>7.7.3　表格的表尾标记——tfoot 156</span></label> </li> <li data-curr="5662386"> <label><input type="radio" name="r" value="5662386" ><span>7.8 表格的嵌套 157</span></label> </li> <li data-curr="5662387"> <label><input type="radio" name="r" value="5662387" ><span>7.9 小结 159</span></label> </li> <li data-curr="5662388"> <label><input type="radio" name="r" value="5662388" ><span>7.10 习题 159</span></label> </li> <li data-curr="5662389"> <label><input type="radio" name="r" value="5662389" ><span>第8章层标记——div 161</span></label> </li> <li data-curr="5662390"> <label><input type="radio" name="r" value="5662390" ><span>教学录像：33分钟</span></label> </li> <li data-curr="5662391"> <label><input type="radio" name="r" value="5662391" ><span>8.1 层 162</span></label> </li> <li data-curr="5662392"> <label><input type="radio" name="r" value="5662392" ><span>8.1.1 层的分类 162</span></label> </li> <li data-curr="5662393"> <label><input type="radio" name="r" value="5662393" ><span>8.1.2 定义数据块 162</span></label> </li> <li data-curr="5662394"> <label><input type="radio" name="r" value="5662394" ><span>8.2 <div>标签 163</span></label> </li> <li data-curr="5662395"> <label><input type="radio" name="r" value="5662395" ><span>8.2.1 <div>标签的简介 163</span></label> </li> <li data-curr="5662396"> <label><input type="radio" name="r" value="5662396" ><span>8.2.2 <div>标签的属性 164</span></label> </li> <li data-curr="5662397"> <label><input type="radio" name="r" value="5662397" ><span>8.2.3 <span>标签与<div>标签 170</span></label> </li> <li data-curr="5662398"> <label><input type="radio" name="r" value="5662398" ><span>8.3 <iframe>标签 172</span></label> </li> <li data-curr="5662399"> <label><input type="radio" name="r" value="5662399" ><span>8.3.1 <iframe>标签的简介 172</span></label> </li> <li data-curr="5662400"> <label><input type="radio" name="r" value="5662400" ><span>8.3.2 <iframe>标签的属性 172</span></label> </li> <li data-curr="5662401"> <label><input type="radio" name="r" value="5662401" ><span>8.4 <layer>标签和<ilayer>标签 174</span></label> </li> <li data-curr="5662402"> <label><input type="radio" name="r" value="5662402" ><span>8.4.1 标签层的使用 175</span></label> </li> <li data-curr="5662403"> <label><input type="radio" name="r" value="5662403" ><span>8.4.2 <layer>标签和<ilayer>标签的区别 176</span></label> </li> <li data-curr="5662404"> <label><input type="radio" name="r" value="5662404" ><span>8.5 应用div制作下拉菜单导航条 176</span></label> </li> <li data-curr="5662405"> <label><input type="radio" name="r" value="5662405" ><span>8.6 小结 179</span></label> </li> <li data-curr="5662406"> <label><input type="radio" name="r" value="5662406" ><span>8.7 习题 179</span></label> </li> <li data-curr="5662407"> <label><input type="radio" name="r" value="5662407" ><span>第9章编辑表单 181</span></label> </li> <li data-curr="5662408"> <label><input type="radio" name="r" value="5662408" ><span>教学录像：26分钟</span></label> </li> <li data-curr="5662409"> <label><input type="radio" name="r" value="5662409" ><span>9.1　使用表单标签——form 182</span></label> </li> <li data-curr="5662410"> <label><input type="radio" name="r" value="5662410" ><span>9.1.1　处理动作——action 182</span></label> </li> <li data-curr="5662411"> <label><input type="radio" name="r" value="5662411" ><span>9.1.2　表单名称——name 183</span></label> </li> <li data-curr="5662412"> <label><input type="radio" name="r" value="5662412" ><span>9.1.3　传送方法——method 183</span></label> </li> <li data-curr="5662413"> <label><input type="radio" name="r" value="5662413" ><span>9.1.4　编码方式——enctype 184</span></label> </li> <li data-curr="5662414"> <label><input type="radio" name="r" value="5662414" ><span>9.1.5　目标显示方式——target 185</span></label> </li> <li data-curr="5662415"> <label><input type="radio" name="r" value="5662415" ><span>9.2 添加控件 185</span></label> </li> <li data-curr="5662416"> <label><input type="radio" name="r" value="5662416" ><span>9.3　输入类的控件 186</span></label> </li> <li data-curr="5662417"> <label><input type="radio" name="r" value="5662417" ><span>9.3.1　文字字段——text 186</span></label> </li> <li data-curr="5662418"> <label><input type="radio" name="r" value="5662418" ><span>9.3.2　密码域——password 187</span></label> </li> <li data-curr="5662419"> <label><input type="radio" name="r" value="5662419" ><span>9.3.3　单选按钮——radio 188</span></label> </li> <li data-curr="5662420"> <label><input type="radio" name="r" value="5662420" ><span>9.3.4　复选框——checkbox 189</span></label> </li> <li data-curr="5662421"> <label><input type="radio" name="r" value="5662421" ><span>9.3.5　普通按钮——button 190</span></label> </li> <li data-curr="5662422"> <label><input type="radio" name="r" value="5662422" ><span>9.3.6　提交按钮——submit 191</span></label> </li> <li data-curr="5662423"> <label><input type="radio" name="r" value="5662423" ><span>9.3.7　重置按钮——reset 192</span></label> </li> <li data-curr="5662424"> <label><input type="radio" name="r" value="5662424" ><span>9.3.8　图像域——image 193</span></label> </li> <li data-curr="5662425"> <label><input type="radio" name="r" value="5662425" ><span>9.3.9　隐藏域——hidden 195</span></label> </li> <li data-curr="5662426"> <label><input type="radio" name="r" value="5662426" ><span>9.3.10　文件域——file 195</span></label> </li> <li data-curr="5662427"> <label><input type="radio" name="r" value="5662427" ><span>9.4　列表/菜单标记 197</span></label> </li> <li data-curr="5662428"> <label><input type="radio" name="r" value="5662428" ><span>9.5　文本域标记——textarea 198</span></label> </li> <li data-curr="5662429"> <label><input type="radio" name="r" value="5662429" ><span>9.6　id标记 199</span></label> </li> <li data-curr="5662430"> <label><input type="radio" name="r" value="5662430" ><span>9.7　小结 200</span></label> </li> <li data-curr="5662431"> <label><input type="radio" name="r" value="5662431" ><span>9.8　习题 200</span></label> </li> <li data-curr="5662432"> <label><input type="radio" name="r" value="5662432" ><span>第10章多媒体页面 202</span></label> </li> <li data-curr="5662433"> <label><input type="radio" name="r" value="5662433" ><span>视频讲解：18分钟</span></label> </li> <li data-curr="5662434"> <label><input type="radio" name="r" value="5662434" ><span>10.1 设置滚动文字 203</span></label> </li> <li data-curr="5662435"> <label><input type="radio" name="r" value="5662435" ><span>10.1.1 滚动文字标签——marquee 203</span></label> </li> <li data-curr="5662436"> <label><input type="radio" name="r" value="5662436" ><span>10.1.2 滚动方向属性——direction 203</span></label> </li> <li data-curr="5662437"> <label><input type="radio" name="r" value="5662437" ><span>10.1.3 滚动方式属性——behavior 204</span></label> </li> <li data-curr="5662438"> <label><input type="radio" name="r" value="5662438" ><span>10.1.4 滚动速度属性——scrollamount 205</span></label> </li> <li data-curr="5662439"> <label><input type="radio" name="r" value="5662439" ><span>10.1.5 滚动延迟属性——scrolldelay 206</span></label> </li> <li data-curr="5662440"> <label><input type="radio" name="r" value="5662440" ><span>10.1.6 滚动循环属性——loop 207</span></label> </li> <li data-curr="5662441"> <label><input type="radio" name="r" value="5662441" ><span>10.1.7 滚动范围属性——width、height 208</span></label> </li> <li data-curr="5662442"> <label><input type="radio" name="r" value="5662442" ><span>10.1.8 滚动背景颜色属性——bgcolor 209</span></label> </li> <li data-curr="5662443"> <label><input type="radio" name="r" value="5662443" ><span>10.1.9 滚动空间属性——hspace、vspace 209</span></label> </li> <li data-curr="5662444"> <label><input type="radio" name="r" value="5662444" ><span>10.2 添加背景音乐 211</span></label> </li> <li data-curr="5662445"> <label><input type="radio" name="r" value="5662445" ><span>10.2.1　设置背景音乐——bgsound 211</span></label> </li> <li data-curr="5662446"> <label><input type="radio" name="r" value="5662446" ><span>10.2.2　设置循环播放次数——loop 212</span></label> </li> <li data-curr="5662447"> <label><input type="radio" name="r" value="5662447" ><span>10.3 添加多媒体文件 213</span></label> </li> <li data-curr="5662448"> <label><input type="radio" name="r" value="5662448" ><span>10.3.1 添加多媒体文件标记——embed 213</span></label> </li> <li data-curr="5662449"> <label><input type="radio" name="r" value="5662449" ><span>10.3.2 设置自动运行——autostart 214</span></label> </li> <li data-curr="5662450"> <label><input type="radio" name="r" value="5662450" ><span>10.3.3 设置媒体文件的循环播放——loop 215</span></label> </li> <li data-curr="5662451"> <label><input type="radio" name="r" value="5662451" ><span>10.3.4 隐藏面板——hidden 216</span></label> </li> <li data-curr="5662452"> <label><input type="radio" name="r" value="5662452" ><span>10.3.5 添加其他类型的媒体文件 217</span></label> </li> <li data-curr="5662453"> <label><input type="radio" name="r" value="5662453" ><span>10.4 小结 217</span></label> </li> <li data-curr="5662454"> <label><input type="radio" name="r" value="5662454" ><span>10.5 习题 218</span></label> </li> <li data-curr="5662455"> <label><input type="radio" name="r" value="5662455" ><span>第2篇 HTML 5高级应用</span></label> </li> <li data-curr="5662456"> <label><input type="radio" name="r" value="5662456" ><span>第11章 HTML 5的新特性 221</span></label> </li> <li data-curr="5662457"> <label><input type="radio" name="r" value="5662457" ><span>视频讲解：6分钟</span></label> </li> <li data-curr="5662458"> <label><input type="radio" name="r" value="5662458" ><span>11.1 谁在开发HTML 5 222</span></label> </li> <li data-curr="5662459"> <label><input type="radio" name="r" value="5662459" ><span>11.2 HTML 5的新认识 222</span></label> </li> <li data-curr="5662460"> <label><input type="radio" name="r" value="5662460" ><span>11.2.1 兼容性 222</span></label> </li> <li data-curr="5662461"> <label><input type="radio" name="r" value="5662461" ><span>11.2.2 实用性和用户优先 222</span></label> </li> <li data-curr="5662462"> <label><input type="radio" name="r" value="5662462" ><span>11.2.3 化繁为简 223</span></label> </li> <li data-curr="5662463"> <label><input type="radio" name="r" value="5662463" ><span>11.3 无插件范式 223</span></label> </li> <li data-curr="5662464"> <label><input type="radio" name="r" value="5662464" ><span>11.4 HTML 5的新特性 224</span></label> </li> <li data-curr="5662465"> <label><input type="radio" name="r" value="5662465" ><span>11.5 小结 224</span></label> </li> <li data-curr="5662466"> <label><input type="radio" name="r" value="5662466" ><span>第12章 HTML 5与HTML 4的区别 225</span></label> </li> <li data-curr="5662467"> <label><input type="radio" name="r" value="5662467" ><span>视频讲解：51分钟</span></label> </li> <li data-curr="5662468"> <label><input type="radio" name="r" value="5662468" ><span>12.1 语法的改变 226</span></label> </li> <li data-curr="5662469"> <label><input type="radio" name="r" value="5662469" ><span>12.1.1 HTML 5的语法变化 226</span></label> </li> <li data-curr="5662470"> <label><input type="radio" name="r" value="5662470" ><span>12.1.2 HTML 5中的标记方法 226</span></label> </li> <li data-curr="5662471"> <label><input type="radio" name="r" value="5662471" ><span>12.1.3 HTML 5语法中的3个要点 227</span></label> </li> <li data-curr="5662472"> <label><input type="radio" name="r" value="5662472" ><span>12.1.4 标签实例 228</span></label> </li> <li data-curr="5662473"> <label><input type="radio" name="r" value="5662473" ><span>12.2 新增的元素和废除的元素 228</span></label> </li> <li data-curr="5662474"> <label><input type="radio" name="r" value="5662474" ><span>12.2.1 新增的结构元素 228</span></label> </li> <li data-curr="5662475"> <label><input type="radio" name="r" value="5662475" ><span>12.2.2 新增的块级的语义元素 230</span></label> </li> <li data-curr="5662476"> <label><input type="radio" name="r" value="5662476" ><span>12.2.3 新增的行内的语义元素 231</span></label> </li> <li data-curr="5662477"> <label><input type="radio" name="r" value="5662477" ><span>12.2.4 新增的嵌入多媒体元素与交互性元素 231</span></label> </li> <li data-curr="5662478"> <label><input type="radio" name="r" value="5662478" ><span>12.2.5 新增的input元素的类型 232</span></label> </li> <li data-curr="5662479"> <label><input type="radio" name="r" value="5662479" ><span>12.2.6 废除的元素 233</span></label> </li> <li data-curr="5662480"> <label><input type="radio" name="r" value="5662480" ><span>12.3 新增的属性和废除的属性 234</span></label> </li> <li data-curr="5662481"> <label><input type="radio" name="r" value="5662481" ><span>12.3.1 新增的属性 234</span></label> </li> <li data-curr="5662482"> <label><input type="radio" name="r" value="5662482" ><span>12.3.2 废除的属性 236</span></label> </li> <li data-curr="5662483"> <label><input type="radio" name="r" value="5662483" ><span>12.4 全局属性 237</span></label> </li> <li data-curr="5662484"> <label><input type="radio" name="r" value="5662484" ><span>12.4.1 contentEditable属性 237</span></label> </li> <li data-curr="5662485"> <label><input type="radio" name="r" value="5662485" ><span>12.4.2 designMode属性 238</span></label> </li> <li data-curr="5662486"> <label><input type="radio" name="r" value="5662486" ><span>12.4.3 hidden属性 239</span></label> </li> <li data-curr="5662487"> <label><input type="radio" name="r" value="5662487" ><span>12.4.4 spellcheck属性 239</span></label> </li> <li data-curr="5662488"> <label><input type="radio" name="r" value="5662488" ><span>12.4.5 tabindex属性 240</span></label> </li> <li data-curr="5662489"> <label><input type="radio" name="r" value="5662489" ><span>12.5 小结 240</span></label> </li> <li data-curr="5662490"> <label><input type="radio" name="r" value="5662490" ><span>12.6 习题 240</span></label> </li> <li data-curr="5662491"> <label><input type="radio" name="r" value="5662491" ><span>第13章 HTML 5的结构 242</span></label> </li> <li data-curr="5662492"> <label><input type="radio" name="r" value="5662492" ><span>视频讲解：20分钟</span></label> </li> <li data-curr="5662493"> <label><input type="radio" name="r" value="5662493" ><span>13.1 新增的主体结构元素 243</span></label> </li> <li data-curr="5662494"> <label><input type="radio" name="r" value="5662494" ><span>13.1.1 article元素 243</span></label> </li> <li data-curr="5662495"> <label><input type="radio" name="r" value="5662495" ><span>13.1.2 section元素 245</span></label> </li> <li data-curr="5662496"> <label><input type="radio" name="r" value="5662496" ><span>13.1.3 nav元素 247</span></label> </li> <li data-curr="5662497"> <label><input type="radio" name="r" value="5662497" ><span>13.1.4 aside元素 248</span></label> </li> <li data-curr="5662498"> <label><input type="radio" name="r" value="5662498" ><span>13.1.5 time元素 250</span></label> </li> <li data-curr="5662499"> <label><input type="radio" name="r" value="5662499" ><span>13.1.6 pubdate属性 250</span></label> </li> <li data-curr="5662500"> <label><input type="radio" name="r" value="5662500" ><span>13.2 新增的非主体结构元素 251</span></label> </li> <li data-curr="5662501"> <label><input type="radio" name="r" value="5662501" ><span>13.2.1 header元素 251</span></label> </li> <li data-curr="5662502"> <label><input type="radio" name="r" value="5662502" ><span>13.2.2 hgroup元素 252</span></label> </li> <li data-curr="5662503"> <label><input type="radio" name="r" value="5662503" ><span>13.2.3 footer元素 252</span></label> </li> <li data-curr="5662504"> <label><input type="radio" name="r" value="5662504" ><span>13.2.4 address元素 253</span></label> </li> <li data-curr="5662505"> <label><input type="radio" name="r" value="5662505" ><span>13.3 小结 253</span></label> </li> <li data-curr="5662506"> <label><input type="radio" name="r" value="5662506" ><span>13.4 习题 254</span></label> </li> <li data-curr="5662507"> <label><input type="radio" name="r" value="5662507" ><span>第14章 HTML 5中的表单 255</span></label> </li> <li data-curr="5662508"> <label><input type="radio" name="r" value="5662508" ><span>视频讲解：50分钟</span></label> </li> <li data-curr="5662509"> <label><input type="radio" name="r" value="5662509" ><span>14.1 新增表单元素与属性 256</span></label> </li> <li data-curr="5662510"> <label><input type="radio" name="r" value="5662510" ><span>14.1.1 新增的属性 256</span></label> </li> <li data-curr="5662511"> <label><input type="radio" name="r" value="5662511" ><span>14.1.2 增加与改良的input元素的种类 259</span></label> </li> <li data-curr="5662512"> <label><input type="radio" name="r" value="5662512" ><span>14.1.3 output元素的添加 264</span></label> </li> <li data-curr="5662513"> <label><input type="radio" name="r" value="5662513" ><span>14.1.4 应用新增元素制作注册表单 264</span></label> </li> <li data-curr="5662514"> <label><input type="radio" name="r" value="5662514" ><span>14.2 对表单的验证 266</span></label> </li> <li data-curr="5662515"> <label><input type="radio" name="r" value="5662515" ><span>14.2.1 自动验证 266</span></label> </li> <li data-curr="5662516"> <label><input type="radio" name="r" value="5662516" ><span>14.2.2 checkValidity显式验证法 267</span></label> </li> <li data-curr="5662517"> <label><input type="radio" name="r" value="5662517" ><span>14.2.3 避免验证 268</span></label> </li> <li data-curr="5662518"> <label><input type="radio" name="r" value="5662518" ><span>14.2.4 使用setCustomValidity方法自定义</span></label> </li> <li data-curr="5662519"> <label><input type="radio" name="r" value="5662519" ><span>错误信息 268</span></label> </li> <li data-curr="5662520"> <label><input type="radio" name="r" value="5662520" ><span>14.3 增加的页面元素 269</span></label> </li> <li data-curr="5662521"> <label><input type="radio" name="r" value="5662521" ><span>14.3.1 新增的figure元素 270</span></label> </li> <li data-curr="5662522"> <label><input type="radio" name="r" value="5662522" ><span>14.3.2 新增的details元素 271</span></label> </li> <li data-curr="5662523"> <label><input type="radio" name="r" value="5662523" ><span>14.3.3 新增的mark元素 272</span></label> </li> <li data-curr="5662524"> <label><input type="radio" name="r" value="5662524" ><span>14.3.4 新增的progress元素 274</span></label> </li> <li data-curr="5662525"> <label><input type="radio" name="r" value="5662525" ><span>14.3.5 新增的meter元素 275</span></label> </li> <li data-curr="5662526"> <label><input type="radio" name="r" value="5662526" ><span>14.3.6 改良的ol列表 276</span></label> </li> <li data-curr="5662527"> <label><input type="radio" name="r" value="5662527" ><span>14.3.7 改良的dl列表 276</span></label> </li> <li data-curr="5662528"> <label><input type="radio" name="r" value="5662528" ><span>14.3.8 加以严格限制的cite元素 277</span></label> </li> <li data-curr="5662529"> <label><input type="radio" name="r" value="5662529" ><span>14.3.9 重新定义的small元素 278</span></label> </li> <li data-curr="5662530"> <label><input type="radio" name="r" value="5662530" ><span>14.4 小结 278</span></label> </li> <li data-curr="5662531"> <label><input type="radio" name="r" value="5662531" ><span>14.5 习题 279</span></label> </li> <li data-curr="5662532"> <label><input type="radio" name="r" value="5662532" ><span>第15章 HTML 5中的文件与拖放 280</span></label> </li> <li data-curr="5662533"> <label><input type="radio" name="r" value="5662533" ><span>视频讲解：40分钟</span></label> </li> <li data-curr="5662534"> <label><input type="radio" name="r" value="5662534" ><span>15.1 选择文件 281</span></label> </li> <li data-curr="5662535"> <label><input type="radio" name="r" value="5662535" ><span>15.1.1 通过file对象选择文件 281</span></label> </li> <li data-curr="5662536"> <label><input type="radio" name="r" value="5662536" ><span>15.1.2 使用blob接口获取文件的类型与大小 282</span></label> </li> <li data-curr="5662537"> <label><input type="radio" name="r" value="5662537" ><span>15.1.3 通过类型过滤选择的文件 283</span></label> </li> <li data-curr="5662538"> <label><input type="radio" name="r" value="5662538" ><span>15.2　使用FileReader接口读取文件 285</span></label> </li> <li data-curr="5662539"> <label><input type="radio" name="r" value="5662539" ><span>15.2.1 检测浏览器是否支持FileReader接口 285</span></label> </li> <li data-curr="5662540"> <label><input type="radio" name="r" value="5662540" ><span>15.2.2　FileReader接口的方法 285</span></label> </li> <li data-curr="5662541"> <label><input type="radio" name="r" value="5662541" ><span>15.2.3 使用readAsDataURL方法预览图片 286</span></label> </li> <li data-curr="5662542"> <label><input type="radio" name="r" value="5662542" ><span>15.2.4　使用readAsText方法读取文本文件 287</span></label> </li> <li data-curr="5662543"> <label><input type="radio" name="r" value="5662543" ><span>15.2.5　FileReader接口中的事件 288</span></label> </li> <li data-curr="5662544"> <label><input type="radio" name="r" value="5662544" ><span>15.3 拖放API 290</span></label> </li> <li data-curr="5662545"> <label><input type="radio" name="r" value="5662545" ><span>15.3.1 实现拖放的步骤 290</span></label> </li> <li data-curr="5662546"> <label><input type="radio" name="r" value="5662546" ><span>15.3.2 通过拖放显示欢迎信息 291</span></label> </li> <li data-curr="5662547"> <label><input type="radio" name="r" value="5662547" ><span>15.4 dataTransfer对象应用详解 293</span></label> </li> <li data-curr="5662548"> <label><input type="radio" name="r" value="5662548" ><span>15.4.1 使用effectAllowed和dropEffect属性</span></label> </li> <li data-curr="5662549"> <label><input type="radio" name="r" value="5662549" ><span>设置拖放效果 293</span></label> </li> <li data-curr="5662550"> <label><input type="radio" name="r" value="5662550" ><span>15.4.2 使用setDragImage方法设置拖放图标 294</span></label> </li> <li data-curr="5662551"> <label><input type="radio" name="r" value="5662551" ><span>15.5 小结 295</span></label> </li> <li data-curr="5662552"> <label><input type="radio" name="r" value="5662552" ><span>15.6 习题 295</span></label> </li> <li data-curr="5662553"> <label><input type="radio" name="r" value="5662553" ><span>第16章多媒体播放 296</span></label> </li> <li data-curr="5662554"> <label><input type="radio" name="r" value="5662554" ><span>视频讲解：35分钟</span></label> </li> <li data-curr="5662555"> <label><input type="radio" name="r" value="5662555" ><span>16.1 HTML 5多媒体的简述 297</span></label> </li> <li data-curr="5662556"> <label><input type="radio" name="r" value="5662556" ><span>16.1.1 HTML 4中多媒体的应用 297</span></label> </li> <li data-curr="5662557"> <label><input type="radio" name="r" value="5662557" ><span>16.1.2 HTML 5页面中的多媒体 297</span></label> </li> <li data-curr="5662558"> <label><input type="radio" name="r" value="5662558" ><span>16.2 多媒体元素基本属性 298</span></label> </li> <li data-curr="5662559"> <label><input type="radio" name="r" value="5662559" ><span>16.3 多媒体元素常用方法 302</span></label> </li> <li data-curr="5662560"> <label><input type="radio" name="r" value="5662560" ><span>16.3.1 媒体播放时的方法 302</span></label> </li> <li data-curr="5662561"> <label><input type="radio" name="r" value="5662561" ><span>16.3.2 canPlayType(type)方法 304</span></label> </li> <li data-curr="5662562"> <label><input type="radio" name="r" value="5662562" ><span>16.4 多媒体元素重要事件 304</span></label> </li> <li data-curr="5662563"> <label><input type="radio" name="r" value="5662563" ><span>16.4.1 事件处理方式 304</span></label> </li> <li data-curr="5662564"> <label><input type="radio" name="r" value="5662564" ><span>16.4.2 事件介绍 305</span></label> </li> <li data-curr="5662565"> <label><input type="radio" name="r" value="5662565" ><span>16.4.3 事件实例 306</span></label> </li> <li data-curr="5662566"> <label><input type="radio" name="r" value="5662566" ><span>16.5 小结 308</span></label> </li> <li data-curr="5662567"> <label><input type="radio" name="r" value="5662567" ><span>16.6 习题 309</span></label> </li> <li data-curr="5662568"> <label><input type="radio" name="r" value="5662568" ><span>第17章绘制图形 310</span></label> </li> <li data-curr="5662569"> <label><input type="radio" name="r" value="5662569" ><span>视频讲解：1小时32分钟</span></label> </li> <li data-curr="5662570"> <label><input type="radio" name="r" value="5662570" ><span>17.1 canvas的基础知识 311</span></label> </li> <li data-curr="5662571"> <label><input type="radio" name="r" value="5662571" ><span>17.1.1 canvas是什么 311</span></label> </li> <li data-curr="5662572"> <label><input type="radio" name="r" value="5662572" ><span>17.1.2 在页面中放置canvas元素 311</span></label> </li> <li data-curr="5662573"> <label><input type="radio" name="r" value="5662573" ><span>17.1.3 绘制带边框的矩形 312</span></label> </li> <li data-curr="5662574"> <label><input type="radio" name="r" value="5662574" ><span>17.2 在画布中使用路径 314</span></label> </li> <li data-curr="5662575"> <label><input type="radio" name="r" value="5662575" ><span>17.2.1 使用arc方法绘制圆形 314</span></label> </li> <li data-curr="5662576"> <label><input type="radio" name="r" value="5662576" ><span>17.2.2 使用moveTo与lineTo路径绘制火柴人 316</span></label> </li> <li data-curr="5662577"> <label><input type="radio" name="r" value="5662577" ><span>17.2.3 贝塞尔和二次方曲线 317</span></label> </li> <li data-curr="5662578"> <label><input type="radio" name="r" value="5662578" ><span>17.3 运用样式与颜色 319</span></label> </li> <li data-curr="5662579"> <label><input type="radio" name="r" value="5662579" ><span>17.3.1 fillStyle 和 strokeStyle属性 319</span></label> </li> <li data-curr="5662580"> <label><input type="radio" name="r" value="5662580" ><span>17.3.2 透明度 globalAlpha 321</span></label> </li> <li data-curr="5662581"> <label><input type="radio" name="r" value="5662581" ><span>17.3.3 线型 Line styles 323</span></label> </li> <li data-curr="5662582"> <label><input type="radio" name="r" value="5662582" ><span>17.4 绘制渐变图形 325</span></label> </li> <li data-curr="5662583"> <label><input type="radio" name="r" value="5662583" ><span>17.4.1 绘制线性渐变 325</span></label> </li> <li data-curr="5662584"> <label><input type="radio" name="r" value="5662584" ><span>17.4.2 绘制径向渐变 326</span></label> </li> <li data-curr="5662585"> <label><input type="radio" name="r" value="5662585" ><span>17.5 绘制变形图形 328</span></label> </li> <li data-curr="5662586"> <label><input type="radio" name="r" value="5662586" ><span>17.5.1 坐标的变换 328</span></label> </li> <li data-curr="5662587"> <label><input type="radio" name="r" value="5662587" ><span>17.5.2 矩阵变换 330</span></label> </li> <li data-curr="5662588"> <label><input type="radio" name="r" value="5662588" ><span>17.6 组合多个图形 333</span></label> </li> <li data-curr="5662589"> <label><input type="radio" name="r" value="5662589" ><span>17.7 给图形绘制阴影 335</span></label> </li> <li data-curr="5662590"> <label><input type="radio" name="r" value="5662590" ><span>17.8 应用图像 336</span></label> </li> <li data-curr="5662591"> <label><input type="radio" name="r" value="5662591" ><span>17.8.1 绘制图像 336</span></label> </li> <li data-curr="5662592"> <label><input type="radio" name="r" value="5662592" ><span>17.8.2 图像的局部放大 338</span></label> </li> <li data-curr="5662593"> <label><input type="radio" name="r" value="5662593" ><span>17.8.3 图像平铺 339</span></label> </li> <li data-curr="5662594"> <label><input type="radio" name="r" value="5662594" ><span>17.8.4 图像裁剪 341</span></label> </li> <li data-curr="5662595"> <label><input type="radio" name="r" value="5662595" ><span>17.8.5 像素的处理 342</span></label> </li> <li data-curr="5662596"> <label><input type="radio" name="r" value="5662596" ><span>17.9 绘制文字 344</span></label> </li> <li data-curr="5662597"> <label><input type="radio" name="r" value="5662597" ><span>17.10 保存与恢复状态 345</span></label> </li> <li data-curr="5662598"> <label><input type="radio" name="r" value="5662598" ><span>17.11 文件的保存 346</span></label> </li> <li data-curr="5662599"> <label><input type="radio" name="r" value="5662599" ><span>17.12 对画布绘制实现动画 347</span></label> </li> <li data-curr="5662600"> <label><input type="radio" name="r" value="5662600" ><span>17.13 综合实例——桌面时钟 348</span></label> </li> <li data-curr="5662601"> <label><input type="radio" name="r" value="5662601" ><span>17.14 小结 350</span></label> </li> <li data-curr="5662602"> <label><input type="radio" name="r" value="5662602" ><span>17.15 习题 351</span></label> </li> <li data-curr="5662603"> <label><input type="radio" name="r" value="5662603" ><span>第18章数据存储 352</span></label> </li> <li data-curr="5662604"> <label><input type="radio" name="r" value="5662604" ><span>视频讲解：50分钟</span></label> </li> <li data-curr="5662605"> <label><input type="radio" name="r" value="5662605" ><span>18.1 初识Web Storage 353</span></label> </li> <li data-curr="5662606"> <label><input type="radio" name="r" value="5662606" ><span>18.1.1 什么是Web Storage 353</span></label> </li> <li data-curr="5662607"> <label><input type="radio" name="r" value="5662607" ><span>18.1.2 使用Web Storage中的API 353</span></label> </li> <li data-curr="5662608"> <label><input type="radio" name="r" value="5662608" ><span>18.1.3 sessionStorage和localStorage的实例</span></label> </li> <li data-curr="5662609"> <label><input type="radio" name="r" value="5662609" ><span>——计数器 355</span></label> </li> <li data-curr="5662610"> <label><input type="radio" name="r" value="5662610" ><span>18.1.4 Web Storage综合实例——留言本 357</span></label> </li> <li data-curr="5662611"> <label><input type="radio" name="r" value="5662611" ><span>18.1.5 JSON对象的存数实例——用户信息卡 359</span></label> </li> <li data-curr="5662612"> <label><input type="radio" name="r" value="5662612" ><span>18.2 本地数据库 361</span></label> </li> <li data-curr="5662613"> <label><input type="radio" name="r" value="5662613" ><span>18.2.1 Web SQL数据库简介 361</span></label> </li> <li data-curr="5662614"> <label><input type="radio" name="r" value="5662614" ><span>18.2.2 使用Web SQL Database API 362</span></label> </li> <li data-curr="5662615"> <label><input type="radio" name="r" value="5662615" ><span>18.2.3 本地数据库实例——用户登录 363</span></label> </li> <li data-curr="5662616"> <label><input type="radio" name="r" value="5662616" ><span>18.3 小结 367</span></label> </li> <li data-curr="5662617"> <label><input type="radio" name="r" value="5662617" ><span>18.4 习题 367</span></label> </li> <li data-curr="5662618"> <label><input type="radio" name="r" value="5662618" ><span>第19章离线应用程序 368</span></label> </li> <li data-curr="5662619"> <label><input type="radio" name="r" value="5662619" ><span>视频讲解：13分钟</span></label> </li> <li data-curr="5662620"> <label><input type="radio" name="r" value="5662620" ><span>19.1 HTML 5离线Web应用概述 369</span></label> </li> <li data-curr="5662621"> <label><input type="radio" name="r" value="5662621" ><span>19.1.1 离线Web应用概述 369</span></label> </li> <li data-curr="5662622"> <label><input type="radio" name="r" value="5662622" ><span>19.1.2 本地缓存与浏览器网页缓存的区别 370</span></label> </li> <li data-curr="5662623"> <label><input type="radio" name="r" value="5662623" ><span>19.2 创建HTML 5离线应用 370</span></label> </li> <li data-curr="5662624"> <label><input type="radio" name="r" value="5662624" ><span>19.2.1 缓存清单（manifest） 370</span></label> </li> <li data-curr="5662625"> <label><input type="radio" name="r" value="5662625" ><span>19.2.2 配置IIS服务器 372</span></label> </li> <li data-curr="5662626"> <label><input type="radio" name="r" value="5662626" ><span>19.2.3 浏览缓存清单 372</span></label> </li> <li data-curr="5662627"> <label><input type="radio" name="r" value="5662627" ><span>19.3 浏览器与服务器的交互过程 373</span></label> </li> <li data-curr="5662628"> <label><input type="radio" name="r" value="5662628" ><span>19.4 applicationCache对象 374</span></label> </li> <li data-curr="5662629"> <label><input type="radio" name="r" value="5662629" ><span>19.4.1 swapCache方法 375</span></label> </li> <li data-curr="5662630"> <label><input type="radio" name="r" value="5662630" ><span>19.4.2 applicationCache对象的事件 376</span></label> </li> <li data-curr="5662631"> <label><input type="radio" name="r" value="5662631" ><span>19.5 小结 379</span></label> </li> <li data-curr="5662632"> <label><input type="radio" name="r" value="5662632" ><span>19.6 习题 379</span></label> </li> <li data-curr="5662633"> <label><input type="radio" name="r" value="5662633" ><span>第20章使用Web Worker处理线程 380</span></label> </li> <li data-curr="5662634"> <label><input type="radio" name="r" value="5662634" ><span>视频讲解：25分钟</span></label> </li> <li data-curr="5662635"> <label><input type="radio" name="r" value="5662635" ><span>20.1 Web Worker概述 381</span></label> </li> <li data-curr="5662636"> <label><input type="radio" name="r" value="5662636" ><span>20.1.1 创建和使用Worker 381</span></label> </li> <li data-curr="5662637"> <label><input type="radio" name="r" value="5662637" ><span>20.1.2 Web Worker应用实例——求和运算 382</span></label> </li> <li data-curr="5662638"> <label><input type="radio" name="r" value="5662638" ><span>20.2 在Worker内部能做什么 383</span></label> </li> <li data-curr="5662639"> <label><input type="radio" name="r" value="5662639" ><span>20.3 多个JavaScript文件的加载与执行 384</span></label> </li> <li data-curr="5662640"> <label><input type="radio" name="r" value="5662640" ><span>20.4 线程嵌套 384</span></label> </li> <li data-curr="5662641"> <label><input type="radio" name="r" value="5662641" ><span>20.4.1 单层嵌套 385</span></label> </li> <li data-curr="5662642"> <label><input type="radio" name="r" value="5662642" ><span>20.4.2 在多个子线程中进行数据的交互 387</span></label> </li> <li data-curr="5662643"> <label><input type="radio" name="r" value="5662643" ><span>20.5 小结 390</span></label> </li> <li data-curr="5662644"> <label><input type="radio" name="r" value="5662644" ><span>20.6 习题 390</span></label> </li> <li data-curr="5662645"> <label><input type="radio" name="r" value="5662645" ><span>第21章通信API 391</span></label> </li> <li data-curr="5662646"> <label><input type="radio" name="r" value="5662646" ><span>视频讲解：4分钟</span></label> </li> <li data-curr="5662647"> <label><input type="radio" name="r" value="5662647" ><span>21.1 跨文档消息通信 392</span></label> </li> <li data-curr="5662648"> <label><input type="radio" name="r" value="5662648" ><span>21.1.1 使用postMessageAPI 392</span></label> </li> <li data-curr="5662649"> <label><input type="radio" name="r" value="5662649" ><span>21.1.2 跨文档消息传输 392</span></label> </li> <li data-curr="5662650"> <label><input type="radio" name="r" value="5662650" ><span>21.2 小结 394</span></label> </li> <li data-curr="5662651"> <label><input type="radio" name="r" value="5662651" ><span>第22章获取地理位置信息 395</span></label> </li> <li data-curr="5662652"> <label><input type="radio" name="r" value="5662652" ><span>视频讲解：12分钟</span></label> </li> <li data-curr="5662653"> <label><input type="radio" name="r" value="5662653" ><span>22.1 Geolocation API的概述 396</span></label> </li> <li data-curr="5662654"> <label><input type="radio" name="r" value="5662654" ><span>22.1.1 使用getCurrentPosition方法获取</span></label> </li> <li data-curr="5662655"> <label><input type="radio" name="r" value="5662655" ><span>当前地理位置 396</span></label> </li> <li data-curr="5662656"> <label><input type="radio" name="r" value="5662656" ><span>22.1.2 持续监视当前地理位置的信息 398</span></label> </li> <li data-curr="5662657"> <label><input type="radio" name="r" value="5662657" ><span>22.1.3 停止获取当前用户的地理位置信息 398</span></label> </li> <li data-curr="5662658"> <label><input type="radio" name="r" value="5662658" ><span>22.2 position对象 398</span></label> </li> <li data-curr="5662659"> <label><input type="radio" name="r" value="5662659" ><span>22.3 在google地图上显示“我在这里” 399</span></label> </li> <li data-curr="5662660"> <label><input type="radio" name="r" value="5662660" ><span>22.4 小结 401</span></label> </li> <li data-curr="5662661"> <label><input type="radio" name="r" value="5662661" ><span>22.5 习题 401</span></label> </li> <li data-curr="5662662"> <label><input type="radio" name="r" value="5662662" ><span>第3篇 HTML 5项目实战</span></label> </li> <li data-curr="5662663"> <label><input type="radio" name="r" value="5662663" ><span>第23章旅游信息网前台页面 405</span></label> </li> <li data-curr="5662664"> <label><input type="radio" name="r" value="5662664" ><span>视频讲解：20分钟</span></label> </li> <li data-curr="5662665"> <label><input type="radio" name="r" value="5662665" ><span>23.1 概述 406</span></label> </li> <li data-curr="5662666"> <label><input type="radio" name="r" value="5662666" ><span>23.2 网站预览 406</span></label> </li> <li data-curr="5662667"> <label><input type="radio" name="r" value="5662667" ><span>23.3 关键技术 410</span></label> </li> <li data-curr="5662668"> <label><input type="radio" name="r" value="5662668" ><span>23.3.1 网站主体结构设计 410</span></label> </li> <li data-curr="5662669"> <label><input type="radio" name="r" value="5662669" ><span>23.3.2 HTML 5结构元素的使用 410</span></label> </li> <li data-curr="5662670"> <label><input type="radio" name="r" value="5662670" ><span>23.4 网站公共部分设计 411</span></label> </li> <li data-curr="5662671"> <label><input type="radio" name="r" value="5662671" ><span>23.4.1 设计网站公共header 411</span></label> </li> <li data-curr="5662672"> <label><input type="radio" name="r" value="5662672" ><span>23.4.2 设计网站公共footer 418</span></label> </li> <li data-curr="5662673"> <label><input type="radio" name="r" value="5662673" ><span>23.5 网站主页设计 419</span></label> </li> <li data-curr="5662674"> <label><input type="radio" name="r" value="5662674" ><span>23.5.1 显示网站介绍及相关图片 419</span></label> </li> <li data-curr="5662675"> <label><input type="radio" name="r" value="5662675" ><span>23.5.2 主页左侧导航的实现 421</span></label> </li> <li data-curr="5662676"> <label><input type="radio" name="r" value="5662676" ><span>23.6 留下足迹页面设计 424</span></label> </li> <li data-curr="5662677"> <label><input type="radio" name="r" value="5662677" ><span>23.6.1 播放音乐 424</span></label> </li> <li data-curr="5662678"> <label><input type="radio" name="r" value="5662678" ><span>23.6.2 添加留言功能的实现 425</span></label> </li> <li data-curr="5662679"> <label><input type="radio" name="r" value="5662679" ><span>23.7 小结 426</span></label> </li> <li data-curr="5662680"> <label><input type="radio" name="r" value="5662680" ><span>附录习题参考答案 427</span></label> </li> <li data-curr="5662681"> <label><input type="radio" name="r" value="5662681" ><span>HTML 5从入门到精通</span></label> </li> <li data-curr="5662682"> <label><input type="radio" name="r" value="5662682" ><span>目录</span></label> </li> <li data-curr="5662683"> <label><input type="radio" name="r" value="5662683" ><span>X</span></label> </li> <li data-curr="5662684"> <label><input type="radio" name="r" value="5662684" ><span>XI</span></label> </li> </ul> </div> </div> <div class="modal-footer"> <button type="button" class="by-btn" data-dismiss="modal">取消</button> <button type="button" class="by-btn" name="all" data-dismiss="modal">确定</button> </div> </div> </div> </div> <script type="text/javascript" src="https://public.shurufa.me/static/js/ajaxfileupload.js"></script> <script type="text/javascript" src="https://public.shurufa.me/static/common/jquer_jcrop/jquery.Jcrop.min.js"></script> <script type="text/javascript" src="https://public.shurufa.me/static/common/SelectInspiration/js/classie.js"></script> <script type="text/javascript" src="https://public.shurufa.me/static/common/SelectInspiration/js/selectFx.js"></script> <script type="text/javascript"> var book = ""; var selectedMenu = 0; /*动态添加*/ var zj_list = $('#zj_list'); $('#add_li').click(function(){ zj_list.append('<li><label><input type="radio" name="r" value="3"><span><input class="words" type="text"></span></label></li>'); $('#zj_list li:last .words').focus(); }); // 删目录 $('#remove_li').click(function(){ var target=$('#zj_list li input[type=radio]:checked').parents("li"), curr = target.data('curr'); if( ! curr ) { alert('参数错误，无法完成删除'); return false; } $.ajax({ url: '/ajax_menu/del', data: {menu: curr}, dataType: 'json', type: 'post', async: false, success: function(res) { if( res.code ) { alert( res.msg ); } else { target.remove(); } } }); }); // 目录排序 $(".sort_opt").click(function(){ var opt = $(this).data('do'), sel = $('#zj_list li input[type=radio]:checked').length, li = $('#zj_list li input[type=radio]:checked').parents('#zj_list li'), len = $('#zj_list li').length, idx = li.index(), mir = $('#zj_list li').eq(idx).clone(), menu= mir.data('curr'); if(sel <= 0){ alert('请选择选项'); return false; } if( 'up' == opt ) { if(idx > 0){ var after = $('#zj_list li').eq(idx-1).data('curr'); $.ajax({ url: '/ajax_menu/changepos', type:'post', data: {menu: menu, after: after, book: book}, dataType:'json', async: false, success: function(ret) { if( ret.code ) { alert( ret.msg ); } else { $('#zj_list li').eq(idx).remove(); $('#zj_list li').eq(idx-1).before(mir); } } }); }else{ alert('已结是第一个了'); return false; } } else if ('down' == opt) { if(idx + 1 < len){ var after = $('#zj_list li').eq(idx+1).data('curr'); $.ajax({ url: '/ajax_menu/changepos', type:'post', data: {menu: menu, after: after, book: book}, dataType:'json', async: false, success: function(ret) { if( ret.code ) { alert( ret.msg ); } else { $('#zj_list li').eq(idx+1).after(mir); $('#zj_list li').eq(idx).remove(); } } }); }else{ alert('已经是最后一个了'); return false; } } }); // 添加目录 $(document).on('blur','#zj_list li .words', function() { var self = $(this); var text = self.val(); if(text){ $.ajax({ url: '/ajax_menu/add', type:'post', data: {book: book, text: text}, dataType:'json', async: false, success: function( ret ) { if( ret.code ) { alert( ret.msg ); } else { $("#mi").val( ret.menu_id ); self.parents('li').attr('data-curr', ret.menu_id); self.parents('li span').append(text); self.remove(); } } }); }else{ self.parents('#zj_list li').remove(); } }); $(document).on('dblclick','#zj_list li',function(){ var self = $(this); var text = self.find('span').text(); self.find('span').text('').append('<input class="words" type="text">'); self.find('span .words').val(text); }); /*! * 封装动态监听表单内容变化 * Base on jQuery */ $.event.special.valuechange = { teardown: function (namespaces) { $(this).unbind('.valuechange'); }, handler: function (e) { $.event.special.valuechange.triggerChanged($(this)); }, add: function (obj) { $(this).on('keyup.valuechange cut.valuechange paste.valuechange input.valuechange', obj.selector, $.event.special.valuechange.handler) }, triggerChanged: function (element) { var current = element[0].contentEditable === 'true' ? element.html() : element.val() , previous = typeof element.data('previous') === 'undefined' ? element[0].defaultValue : element.data('previous') if (current !== previous) { element.trigger('valuechange', [element.data('previous')]) element.data('previous', current) } } } jQuery(function($){ var doDigestTypeRadio = $('input[name="doDigestTypeRadio"]'); doDigestTypeRadio.click(function(){ var idx = $(this).filter(':checked').val(); var type = $('.do-digest-type').find('.do-digest-type-child'); type.eq(idx).show().siblings().hide(); }); (function() { [].slice.call( document.querySelectorAll( 'select.cs-select' ) ).forEach( function(el) { new SelectFx(el); } ); })(); var timer = {}; //上传需要识别的图片 $('body').on('change', '#upload_img_rec', function(e){ $.ajaxFileUpload({ url:'/ajax_excerpt/uploadPic', secureuri:false, fileElementId:'upload_img_rec', dataType: 'json', data : { fileElementId:'upload_img_rec', type : 0 }, // beforeSend : function(){ // // }, success: function (d){ if(d.status == 1){ $('#upload_img_con .ch').hide(); $('#upload_img_con .im').remove(); $('#upload_img_con').append('<img class="im" width="100%" height="100%" src="'+d.url+'">') $('#_excerpt_img_').val(d.url); $('#_imgtext_').val(''); $('#_excerpt_text_').val(''); //$('.image-2-text-btn').attr('disabled',false); img2text(); }else{ alert(d.msg); } }, error: function(d, status, e){ // console.log(d); } }); return false; }); //图片识别成文字 $('.image-2-text-btn').click(function(){ }); //图片识别成文字 function img2text(){ var imgUrl=$('#_excerpt_img_').val(); if(typeof(imgUrl)=='undefined' || imgUrl==''){ alert('上传需要识别的图片！'); }else{ $.ajax({ type:'post', url:'/ajax_excerpt/image2text', data:{imgUrl:imgUrl}, cache:false, dataType:'json', beforeSend: function(){ $('#shibie_loading').show(); }, success:function(d){ $('#shibie_loading').hide(); if(d.status==1){ $('#_imgtext_').val(d.data); $('#_excerpt_text_').val(d.data); //$('.image-2-text-btn').attr('disabled',true); }else{ alert(d.msg); $('#_imgtext_').val(d.data); //test } }, error:function(){ alert('操作异常，刷新页面试试！'); } }); } } //关闭弹窗时恢复图片区域 $('#doDigest').on('hidden.bs.modal', function (e) { $('#doDigest').find('form')[0].reset(); $('#upload_img_con .ch').show(); $('#upload_img_con .im').remove(); }).on('show.bs.modal', function(e){ if( typeof selectedMenu === 'undefined' || selectedMenu < 1 ) { // console.log('selectedMenu error...'); return; } // console.log( 'selectedMenu : ', selectedMenu ); $("#xv option").each(function(){ if( $(this).val() == selectedMenu ) { var text=$(this).text(); $(".cs-placeholder").text( text ); $(".cs-options li").removeClass("cs-selected"); $(".cs-options li[data-value='"+selectedMenu+"']").addClass('cs-selected'); $("#mi").add("#xv").val( selectedMenu ); return true; } }); return true; }); $("#addZJ").on('hide.bs.modal', function(e){ var sel = $('#zj_list input:checked').parents('li').data('curr'), selMenu= $('#zj_list input:checked').next().text(), openModal = $(".modal.in"); if( sel ) { $("#mi").val( sel ) } if( openModal.html() ) { $("body").removeClass('modal-open').addClass("modal-open") } // 将选中的内容展现在面板里 if( selMenu.length ) { var menuText = "您选择了：" + selMenu; if( openModal.html() ) { openModal.find(".menu_oops").text(menuText) } } }); //上传图片书摘 $('body').on('change', '#upload_img', function(e){ $.ajaxFileUpload({ url:'/ajax_excerpt/uploadPic', secureuri:false, fileElementId:'upload_img', dataType: 'json', data : { fileElementId:'upload_img', type : 0 }, beforeSend : function(){ //$.loading(); }, success: function (d){ if(d.status == 1){ //console.log(d); handle_upload_img_success(d); } }, error: function(d, status, e){ // console.log(d); // console.log(status); // console.log(e); // if(d.success == true){ // handle_upload_img_success(d); // } } }); return false; }); //识别文字输入框 $('#_imgtext_').on('valuechange', function(){ var len = $(this).val().length; if(len < 10){ $('#img_dst_tip').html('至少还需要输入 <span>'+(10-len)+'</span> 字') }else if(len < 500){ $('#img_dst_tip').html('还可以输入 <span>'+(500-len)+'</span> 字'); }else{ $('#img_dst_tip').html('<span>字数已经超了...</span>') } }); //字数提示 $('#input_content_text').on('valuechange', function(){ var len = $(this).val().length; if(len < 10){ $('#words_digest_count').html('至少还需要输入 <span>'+(10-len)+'</span> 字') }else if(len < 500){ $('#words_digest_count').html('还可以输入 <span>'+(500-len)+'</span> 字'); }else{ $('#words_digest_count').html('<span>字数已经超了...</span>') } }); $('#input_doc').on('valuechange', function(){ var len = $(this).val().length; if(len < 10){ $('#words_note_count').html('至少还需要输入 <span>'+(10-len)+'</span> 字') } else if(len < 3000){ $('#words_note_count').html('还可以输入 <span>'+(3000-len)+'</span> 字'); }else{ $('#words_note_count').html('<span>字数已经超了...</span>') } }); }); var jcrop_ele, boundx, boundy, xsize, ysize; function handle_upload_img_success(d){ $('#img_2').attr('src',d.url).show(); $('#jcrop_preview').attr('src',d.url).show(); $('#_excerpt_img_').val(d.url); $('#upload_label').hide(); $('#_excerpt_img_').val(d.url); //alert('上传成功'); var $preview = $('#yulan_img'); xsize = $preview.width(); ysize = $preview.height(); // console.log('init', [xsize, ysize]); //crop $('#img_2').Jcrop({ setSelect: [0,0,xsize,ysize], aspectRatio: xsize / ysize, onSelect: updatePreview, onChange: updatePreview },function(){ var bounds = this.getBounds(); boundx = bounds[0]; boundy = bounds[1]; jcrop_ele = this; //$preview.appendTo(jcrop_ele.ui.holder); // console.log(bounds) }); } function updatePreview(c){ if (parseInt(c.w) > 0){ var rx = xsize / c.w; var ry = ysize / c.h; $('#yulan_img img').css({ width: Math.round(rx * boundx) + 'px', height: Math.round(ry * boundy) + 'px', marginLeft: '-' + Math.round(rx * c.x) + 'px', marginTop: '-' + Math.round(ry * c.y) + 'px' }); } //showPreview(c); // console.log('X: '+ c.x); // console.log('Y: '+ c.y); // console.log('W: '+ c.w); // console.log('H: '+ c.h); $('#x').val(Math.round(c.x)); $('#y').val(Math.round(c.y)); $('#w').val(Math.round(c.w)); $('#h').val(Math.round(c.h)); } </script> <div id="addDigest" class="modal fade add-digest"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title">添加一个书摘本</h4> </div> <div class="modal-body"> <div class="in-head clearfix"> <div class="c-radio by-fl"> <label> <input class="regular-radio" type="radio" name="addDigestRadios" id="addDigestRadios1" value="0" checked> <label for="addDigestRadios1"></label> <h4>搜索创建书摘本</h4> </label> </div>        </div> <div class="tb-con"> <div class="tb-con-son"> <div class="in-top"> <div class="search modal-search"> <div class="search-inner"> <input type="text" id="book_keyword" name="book_keyword" onkeydown="excerptEnterSearch(event)" value="" placeholder="搜索你需要创建书摘的那本书"> <input type="hidden" id="book_list_page" name="book_list_page" value="0" book="" totle_page="0" /> <a class="search-btn book-search-btn" href="javascript:void(0);">搜索</a> <span id="searching" class="by-hide">正在搜索...</span> </div> <div id="searching" class="searching sch_add_dg" style="display: none;"> <img src="https://public.shurufa.me/static/images/loading.gif" width="50"> </div> </div> <div class="add-dg-list clearfix" id="book_list_div" > <div id="book_list_msg" style="display:none;" ></div> <div id="book_list_content" style="display:none;"> <div class="book_list_left"> <a href="Javascript:;" onclick="excerptSearch('left')"> </a> </div> <ul class="add-dg-sel" id="book_list_ui" > <li> <a></a> </li> </ul> <div class="book_list_right"> <a href="Javascript:;" onclick="excerptSearch('right')"> </a> </div> <input type="hidden" id="bookId" name="bookPublisher" value=""> <input type="hidden" id="externalBookId" name="bookPublisher" value=""> <div class="add-dg-change by-hide"> <a class="by-btn book-search-btn" href="javascript:;">不对，换一下</a> </div> </div> </div> </div> <div id="slt_book_detail" class="in-bottom hide"> <form class="cus-add-dg"> <div class="by-form-group"> <span class="nm">书名</span> <span class="lbl"> <input class="by-input" id="input-title-0" name="input-title" type="text" disabled> </span> </div> <div class="by-form-group"> <span class="nm">作者</span> <span class="lbl"> <input class="by-input" id="input-author-0" name="input-author" type="text" disabled> </span> </div> <div class="by-form-group"> <span class="nm">出版社</span> <span class="lbl"> <input class="by-input" id="input-publisher-0" name="input-publisher" type="text" disabled> </span> </div> <div class="by-form-group" style="display: none;"> <span class="nm">备注</span> <span class="lbl"> <input name="input-memo" id="input-memo-0" class="by-input" type="text" disabled> </span> </div> <div class="by-form-group"> <span class="nm">ISBN</span> <span class="lbl"> <input name="input-isbn" id="input-isbn-0" class="by-input" type="text" disabled> </span> </div> </form> </div> </div> <div class="tb-con-son by-hide"> <div class="in-bottom"> <form class="cus-add-dg"> <div class="by-form-group"> <span class="star">*</span> <span class="lbl"> <input class="by-input" id="input-title-1" name="input-title" type="text" placeholder="书名"> </span> </div> <div class="by-form-group"> <span class="star">*</span> <span class="lbl"> <input class="by-input" id="input-author-1" name="input-author" type="text" placeholder="作者"> </span> </div> <div class="by-form-group"> <span class="star"> </span> <span class="lbl"> <input class="by-input" id="input-publisher-1" name="input-publisher" type="text" placeholder="出版社"> </span> </div> <div class="by-form-group"> <span class="star"> </span> <span class="lbl"> <input class="by-input" id="input-memo-1" name="input-memo" type="text" placeholder="备注"> </span> </div> <div class="by-form-group"> <span class="star"> </span> <span class="lbl"> <input class="by-input" id="input-isbn-1" name="input-isbn" type="text" placeholder="ISBN"> </span> </div> </form> </div> </div> </div> </div> <div class="modal-footer"> <button type="button" class="by-btn js-add-expbook" data-dismiss="modal">添加</button> </div> </div> </div> </div> <script type="text/javascript" src="https://public.shurufa.me/static/js/book.js?v=1.0"></script> <script type="text/javascript"> $(function(){ var addDigest = $('input[name="addDigestRadios"]'); addDigest.click(function(){ var idx = $(this).filter(':checked').val(); $('.tb-con').find('.tb-con-son').eq(idx).show().siblings().hide(); }); }); </script><div id="edit_excerpt_for_text" class="modal fade add-digest excerpt-modal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title">编辑书摘</h4> </div> <div class="modal-body"> <div class="in-bottom"> <div class="by-form-group"> <h3 class="h3">书摘</h3> </div> <div class="do-digest-type book_published"> <div class="by-form-group do-digest-type-child"> <textarea class="by-input" id="_edit_text_input_content_" placeholder="请在此处输入10-500字的书摘"></textarea> <div id="words_digest_count_edit" class="words-count-tip pull-right">最少还需要输入 <span>10</span> 字</div> </div> </div> <div class="by-form-group"> <h3 class="h3">写点笔记吧</h3> </div> <div class="by-form-group"> <textarea id="_edit_text_input_experience_" class="by-input" placeholder="请在此处输入10-3000字的笔记"></textarea> <div id="words_note_count_edit" class="words-count-tip pull-right">最少还需要输入 <span>10</span> 字</div> </div> <div class="by-form-group" style=""> <h3 class="h3"><span class="star">*</span><i>这条书摘是属于哪一章节的？</i></h3> </div> <div class="by-form-group" style=""> <div class="bv"> <select id="xve" class="cs-select cs-skin-rotate"> <option value="5662200" >目录</option> <option value="5662201" >第1篇 HTML基础</option> <option value="5662202" >第1章 HTML基础 3</option> <option value="5662203" >教学录像：22分钟</option> <option value="5662204" >1.1 HTML的基本概念 4</option> <option value="5662205" >1.2 HTML发展史 4</option> <option value="5662206" >1.3 HTML的基本结构 5</option> <option value="5662207" >1.3.1 HTML文件的编写方法 5</option> <option value="5662208" >1.3.2 文件开始标签<html> 7</option> <option value="5662209" >1.3.3 文件头部标签<head> 7</option> <option value="5662210" >1.3.4 文件标题标签<title> 7</option> <option value="5662211" >1.3.5 文件主体标签<body> 7</option> <option value="5662212" >1.3.6 编写文件的注意事项 8</option> <option value="5662213" >1.4 编写第一个HTML文件 8</option> <option value="5662214" >1.4.1 HTML文件的编写方法 8</option> <option value="5662215" >1.4.2 手工编写页面 9</option> <option value="5662216" >1.4.3 使用可视化软件制作页面 10</option> <option value="5662217" >1.4.4 使用浏览器浏览HTML文件 14</option> <option value="5662218" >1.4.5 使用HTML开发的明日图书网 14</option> <option value="5662219" >1.5 小结 15</option> <option value="5662220" >1.6 习题 16</option> <option value="5662221" >第2章 HTML文件基本标记 17</option> <option value="5662222" >教学录像：44分钟</option> <option value="5662223" >2.1 HTML头部标记 18</option> <option value="5662224" >2.2 标题标记<title> 18</option> <option value="5662225" >2.3 元信息标记<meta> 19</option> <option value="5662226" >2.3.1 设置页面关键字 19</option> <option value="5662227" >2.3.2 设置页面描述 20</option> <option value="5662228" >2.3.3 设置编辑工具 20</option> <option value="5662229" >2.3.4 设定作者信息 21</option> <option value="5662230" >2.3.5 限制搜索方式 22</option> <option value="5662231" >2.3.6 设置网页文字及语言 22</option> <option value="5662232" >2.3.7 设置网页的定时跳转 23</option> <option value="5662233" >2.3.8 设定有效期限 24</option> <option value="5662234" >2.3.9 禁止从缓存中调用 24</option> <option value="5662235" >2.3.10 删除过期的cookie 25</option> <option value="5662236" >2.3.11 强制打开新窗口 25</option> <option value="5662237" >2.3.12 设置网页的过渡效果 26</option> <option value="5662238" >2.4 基底网址标记<base> 29</option> <option value="5662239" >2.5 页面的主体标记<body> 30</option> <option value="5662240" >2.5.1 设置文字颜色——text 31</option> <option value="5662241" >2.5.2 背景颜色属性——bgcolor 32</option> <option value="5662242" >2.5.3 背景图像属性——background 32</option> <option value="5662243" >2.5.4 设置链接文字属性——link 35</option> <option value="5662244" >2.5.5 设置边距——margin 37</option> <option value="5662245" >2.6 页面的注释标记 38</option> <option value="5662246" >2.7 实例演练——创建基本的HTML网页 38</option> <option value="5662247" >2.8 小结 39</option> <option value="5662248" >2.9 习题 40</option> <option value="5662249" >第3章设计网页文本内容 41</option> <option value="5662250" >教学录像：29分钟</option> <option value="5662251" >3.1 标题文字的建立 42</option> <option value="5662252" >3.1.1 标题文字标记<h> 42</option> <option value="5662253" >3.1.2 标题文字的对齐方式——align 43</option> <option value="5662254" >3.2 设置文字格式 44</option> <option value="5662255" >3.2.1 设置文字字体——face 44</option> <option value="5662256" >3.2.2 设置字号——size 45</option> <option value="5662257" >3.2.3 设置文字颜色——color 46</option> <option value="5662258" >3.2.4 粗体、斜体、下划线——strong、em、u 46</option> <option value="5662259" >3.2.5 上标与下标——sup、sub 47</option> <option value="5662260" >3.2.6 设置删除线——strike 48</option> <option value="5662261" >3.2.7 等宽文字标记——code 49</option> <option value="5662262" >3.2.8 空格—— 49</option> <option value="5662263" >3.2.9 其他特殊符号 50</option> <option value="5662264" >3.3 设置段落格式 51</option> <option value="5662265" >3.3.1 段落标记——p 51</option> <option value="5662266" >3.3.2 取消文字换行标记——nobr 52</option> <option value="5662267" >3.3.3 换行标记——br 53</option> <option value="5662268" >3.3.4 保留原始排版方式标记——pre 53</option> <option value="5662269" >3.3.5 居中对齐标记——center 54</option> <option value="5662270" >3.3.6 向右缩进标记——blockquote 55</option> <option value="5662271" >3.4 水平线标记 56</option> <option value="5662272" >3.4.1 添加水平线——hr 56</option> <option value="5662273" >3.4.2 设置水平线的宽度与高度</option> <option value="5662274" >——width、height 57</option> <option value="5662275" >3.4.3 设置水平线的颜色——color 58</option> <option value="5662276" >3.4.4 设置水平线的对齐方式——align 59</option> <option value="5662277" >3.4.5 去掉水平线阴影——noshade 60</option> <option value="5662278" >3.5 其他文字标记 60</option> <option value="5662279" >3.5.1 文字标注标记——ruby 60</option> <option value="5662280" >3.5.2 声明变量标记——var 61</option> <option value="5662281" >3.5.3 忽视HTML标记</option> <option value="5662282" >——plaintext、xmp 62</option> <option value="5662283" >3.6 小结 63</option> <option value="5662284" >3.7 习题 63</option> <option value="5662285" >第4章使用列表 65</option> <option value="5662286" >教学录像：35分钟</option> <option value="5662287" >4.1 列表的标记 66</option> <option value="5662288" >4.2 使用无序列表 66</option> <option value="5662289" >4.2.1 无序列表标记——ul 66</option> <option value="5662290" >4.2.2 无序列表的符号类型——type 67</option> <option value="5662291" >4.3 使用有序列表 69</option> <option value="5662292" >4.3.1　有序列表标记——ol 69</option> <option value="5662293" >4.3.2　有序列表的属性——type 70</option> <option value="5662294" >4.3.3　有序列表的起始数值——start 72</option> <option value="5662295" >4.4 定义列表标记——dl 73</option> <option value="5662296" >4.5 菜单列表标记——menu 74</option> <option value="5662297" >4.6 目录列表——dir 75</option> <option value="5662298" >4.7 使用嵌套列表 76</option> <option value="5662299" >4.7.1　定义列表的嵌套 77</option> <option value="5662300" >4.7.2　无序列表和有序列表的嵌套 78</option> <option value="5662301" >4.8 小结 79</option> <option value="5662302" >4.9 习题 80</option> <option value="5662303" >第5章超链接 81</option> <option value="5662304" >教学录像：22分钟</option> <option value="5662305" >5.1 超链接的基本知识 82</option> <option value="5662306" >5.1.1 超链接 82</option> <option value="5662307" >5.1.2 绝对路径 82</option> <option value="5662308" >5.1.3 相对路径 82</option> <option value="5662309" >5.2 超链接的建立 83</option> <option value="5662310" >5.2.1 超链接标记的基本语法 83</option> <option value="5662311" >5.2.2 建立文本超链接 83</option> <option value="5662312" >5.2.3 设置超链接的目标窗口 85</option> <option value="5662313" >5.3 内部链接 87</option> <option value="5662314" >5.4 书签链接 89</option> <option value="5662315" >5.4.1 建立书签 89</option> <option value="5662316" >5.4.2 链接到同一页面的书签 91</option> <option value="5662317" >5.4.3 链接到不同页面的书签 92</option> <option value="5662318" >5.5 外部链接 93</option> <option value="5662319" >5.5.1 通过HTTP协议 94</option> <option value="5662320" >5.5.2 通过FTP 94</option> <option value="5662321" >5.5.3 发送E-mail 95</option> <option value="5662322" >5.5.4 下载文件 96</option> <option value="5662323" >5.6 其他链接 98</option> <option value="5662324" >5.6.1 脚本链接 98</option> <option value="5662325" >5.6.2 空链接 99</option> <option value="5662326" >5.7 小结 99</option> <option value="5662327" >5.8 习题 100</option> <option value="5662328" >第6章使用图像 101</option> <option value="5662329" >教学录像：35分钟</option> <option value="5662330" >6.1 图像的基本格式 102</option> <option value="5662331" >6.2 添加图像——img 102</option> <option value="5662332" >6.3 设置图像属性 103</option> <option value="5662333" >6.3.1 图像高度——height 103</option> <option value="5662334" >6.3.2 图像宽度——width 104</option> <option value="5662335" >6.3.3 图像边框——border 105</option> <option value="5662336" >6.3.4 图像水平间距——hspace 107</option> <option value="5662337" >6.3.5 图像垂直间距——vspace 108</option> <option value="5662338" >6.3.6 图像相对于文字基准线的对齐方式</option> <option value="5662339" >——align 108</option> <option value="5662340" >6.3.7 图像的提示文字——alt 110</option> <option value="5662341" >6.4 图像的超链接 111</option> <option value="5662342" >6.4.1　设置图像的超链接 111</option> <option value="5662343" >6.4.2　设置图像热区链接 112</option> <option value="5662344" >6.5 小结 116</option> <option value="5662345" >6.6 习题 116</option> <option value="5662346" >第7章表格的应用 118</option> <option value="5662347" >教学录像：48分钟</option> <option value="5662348" >7.1　创建表格 119</option> <option value="5662349" >7.1.1　表格的基本构成——table、tr、td 119</option> <option value="5662350" >7.1.2　表格的标题——caption 120</option> <option value="5662351" >7.1.3　表格的表头——th 121</option> <option value="5662352" >7.2　设置表格基本属性 123</option> <option value="5662353" >7.2.1　表格的宽度——width 123</option> <option value="5662354" >7.2.2　表格的高度——height 125</option> <option value="5662355" >7.2.3　表格的对齐方式——align 126</option> <option value="5662356" >7.3　设置表格的边框 127</option> <option value="5662357" >7.3.1　表格边框的宽度——border 127</option> <option value="5662358" >7.3.2　表格边框的颜色——bordercolor 128</option> <option value="5662359" >7.3.3　表格内框的宽度——cellspacing 130</option> <option value="5662360" >7.3.4　表格内文字与边框的间距</option> <option value="5662361" >——cellpadding 131</option> <option value="5662362" >7.4　设置表格背景 132</option> <option value="5662363" >7.4.1　表格的背景颜色——bgcolor 132</option> <option value="5662364" >7.4.2　表格的背景图像——background 133</option> <option value="5662365" >7.5　设置表格的行属性 134</option> <option value="5662366" >7.5.1　高度的控制——height 134</option> <option value="5662367" >7.5.2　行的边框颜色——bordercolor 135</option> <option value="5662368" >7.5.3　行的背景颜色——bgcolor、background 136</option> <option value="5662369" >7.5.4　行文字的水平对齐方式——align 137</option> <option value="5662370" >7.5.5　行文字的垂直对齐方式——valign 139</option> <option value="5662371" >7.5.6 表格标题的垂直对齐方式——align 140</option> <option value="5662372" >7.6　调整单元格属性 141</option> <option value="5662373" >7.6.1　单元格大小——width、height 141</option> <option value="5662374" >7.6.2　单元格水平跨度——colspan 142</option> <option value="5662375" >7.6.3　单元格垂直跨度——rowspan 143</option> <option value="5662376" >7.6.4　单元格对齐方式——align、valign 144</option> <option value="5662377" >7.6.5　单元格的背景色 146</option> <option value="5662378" >7.6.6　单元格的边框颜色——bordercolor 147</option> <option value="5662379" >7.6.7　单元格的亮边框——bordercolorlight 148</option> <option value="5662380" >7.6.8　单元格的暗边框——bordercolordark 150</option> <option value="5662381" >7.6.9　单元格的背景图像——background 151</option> <option value="5662382" >7.7　表格的结构 152</option> <option value="5662383" >7.7.1　表格的表头标记——thead 153</option> <option value="5662384" >7.7.2　表格的表主体标记——tbody 154</option> <option value="5662385" >7.7.3　表格的表尾标记——tfoot 156</option> <option value="5662386" >7.8 表格的嵌套 157</option> <option value="5662387" >7.9 小结 159</option> <option value="5662388" >7.10 习题 159</option> <option value="5662389" >第8章层标记——div 161</option> <option value="5662390" >教学录像：33分钟</option> <option value="5662391" >8.1 层 162</option> <option value="5662392" >8.1.1 层的分类 162</option> <option value="5662393" >8.1.2 定义数据块 162</option> <option value="5662394" >8.2 <div>标签 163</option> <option value="5662395" >8.2.1 <div>标签的简介 163</option> <option value="5662396" >8.2.2 <div>标签的属性 164</option> <option value="5662397" >8.2.3 <span>标签与<div>标签 170</option> <option value="5662398" >8.3 <iframe>标签 172</option> <option value="5662399" >8.3.1 <iframe>标签的简介 172</option> <option value="5662400" >8.3.2 <iframe>标签的属性 172</option> <option value="5662401" >8.4 <layer>标签和<ilayer>标签 174</option> <option value="5662402" >8.4.1 标签层的使用 175</option> <option value="5662403" >8.4.2 <layer>标签和<ilayer>标签的区别 176</option> <option value="5662404" >8.5 应用div制作下拉菜单导航条 176</option> <option value="5662405" >8.6 小结 179</option> <option value="5662406" >8.7 习题 179</option> <option value="5662407" >第9章编辑表单 181</option> <option value="5662408" >教学录像：26分钟</option> <option value="5662409" >9.1　使用表单标签——form 182</option> <option value="5662410" >9.1.1　处理动作——action 182</option> <option value="5662411" >9.1.2　表单名称——name 183</option> <option value="5662412" >9.1.3　传送方法——method 183</option> <option value="5662413" >9.1.4　编码方式——enctype 184</option> <option value="5662414" >9.1.5　目标显示方式——target 185</option> <option value="5662415" >9.2 添加控件 185</option> <option value="5662416" >9.3　输入类的控件 186</option> <option value="5662417" >9.3.1　文字字段——text 186</option> <option value="5662418" >9.3.2　密码域——password 187</option> <option value="5662419" >9.3.3　单选按钮——radio 188</option> <option value="5662420" >9.3.4　复选框——checkbox 189</option> <option value="5662421" >9.3.5　普通按钮——button 190</option> <option value="5662422" >9.3.6　提交按钮——submit 191</option> <option value="5662423" >9.3.7　重置按钮——reset 192</option> <option value="5662424" >9.3.8　图像域——image 193</option> <option value="5662425" >9.3.9　隐藏域——hidden 195</option> <option value="5662426" >9.3.10　文件域——file 195</option> <option value="5662427" >9.4　列表/菜单标记 197</option> <option value="5662428" >9.5　文本域标记——textarea 198</option> <option value="5662429" >9.6　id标记 199</option> <option value="5662430" >9.7　小结 200</option> <option value="5662431" >9.8　习题 200</option> <option value="5662432" >第10章多媒体页面 202</option> <option value="5662433" >视频讲解：18分钟</option> <option value="5662434" >10.1 设置滚动文字 203</option> <option value="5662435" >10.1.1 滚动文字标签——marquee 203</option> <option value="5662436" >10.1.2 滚动方向属性——direction 203</option> <option value="5662437" >10.1.3 滚动方式属性——behavior 204</option> <option value="5662438" >10.1.4 滚动速度属性——scrollamount 205</option> <option value="5662439" >10.1.5 滚动延迟属性——scrolldelay 206</option> <option value="5662440" >10.1.6 滚动循环属性——loop 207</option> <option value="5662441" >10.1.7 滚动范围属性——width、height 208</option> <option value="5662442" >10.1.8 滚动背景颜色属性——bgcolor 209</option> <option value="5662443" >10.1.9 滚动空间属性——hspace、vspace 209</option> <option value="5662444" >10.2 添加背景音乐 211</option> <option value="5662445" >10.2.1　设置背景音乐——bgsound 211</option> <option value="5662446" >10.2.2　设置循环播放次数——loop 212</option> <option value="5662447" >10.3 添加多媒体文件 213</option> <option value="5662448" >10.3.1 添加多媒体文件标记——embed 213</option> <option value="5662449" >10.3.2 设置自动运行——autostart 214</option> <option value="5662450" >10.3.3 设置媒体文件的循环播放——loop 215</option> <option value="5662451" >10.3.4 隐藏面板——hidden 216</option> <option value="5662452" >10.3.5 添加其他类型的媒体文件 217</option> <option value="5662453" >10.4 小结 217</option> <option value="5662454" >10.5 习题 218</option> <option value="5662455" >第2篇 HTML 5高级应用</option> <option value="5662456" >第11章 HTML 5的新特性 221</option> <option value="5662457" >视频讲解：6分钟</option> <option value="5662458" >11.1 谁在开发HTML 5 222</option> <option value="5662459" >11.2 HTML 5的新认识 222</option> <option value="5662460" >11.2.1 兼容性 222</option> <option value="5662461" >11.2.2 实用性和用户优先 222</option> <option value="5662462" >11.2.3 化繁为简 223</option> <option value="5662463" >11.3 无插件范式 223</option> <option value="5662464" >11.4 HTML 5的新特性 224</option> <option value="5662465" >11.5 小结 224</option> <option value="5662466" >第12章 HTML 5与HTML 4的区别 225</option> <option value="5662467" >视频讲解：51分钟</option> <option value="5662468" >12.1 语法的改变 226</option> <option value="5662469" >12.1.1 HTML 5的语法变化 226</option> <option value="5662470" >12.1.2 HTML 5中的标记方法 226</option> <option value="5662471" >12.1.3 HTML 5语法中的3个要点 227</option> <option value="5662472" >12.1.4 标签实例 228</option> <option value="5662473" >12.2 新增的元素和废除的元素 228</option> <option value="5662474" >12.2.1 新增的结构元素 228</option> <option value="5662475" >12.2.2 新增的块级的语义元素 230</option> <option value="5662476" >12.2.3 新增的行内的语义元素 231</option> <option value="5662477" >12.2.4 新增的嵌入多媒体元素与交互性元素 231</option> <option value="5662478" >12.2.5 新增的input元素的类型 232</option> <option value="5662479" >12.2.6 废除的元素 233</option> <option value="5662480" >12.3 新增的属性和废除的属性 234</option> <option value="5662481" >12.3.1 新增的属性 234</option> <option value="5662482" >12.3.2 废除的属性 236</option> <option value="5662483" >12.4 全局属性 237</option> <option value="5662484" >12.4.1 contentEditable属性 237</option> <option value="5662485" >12.4.2 designMode属性 238</option> <option value="5662486" >12.4.3 hidden属性 239</option> <option value="5662487" >12.4.4 spellcheck属性 239</option> <option value="5662488" >12.4.5 tabindex属性 240</option> <option value="5662489" >12.5 小结 240</option> <option value="5662490" >12.6 习题 240</option> <option value="5662491" >第13章 HTML 5的结构 242</option> <option value="5662492" >视频讲解：20分钟</option> <option value="5662493" >13.1 新增的主体结构元素 243</option> <option value="5662494" >13.1.1 article元素 243</option> <option value="5662495" >13.1.2 section元素 245</option> <option value="5662496" >13.1.3 nav元素 247</option> <option value="5662497" >13.1.4 aside元素 248</option> <option value="5662498" >13.1.5 time元素 250</option> <option value="5662499" >13.1.6 pubdate属性 250</option> <option value="5662500" >13.2 新增的非主体结构元素 251</option> <option value="5662501" >13.2.1 header元素 251</option> <option value="5662502" >13.2.2 hgroup元素 252</option> <option value="5662503" >13.2.3 footer元素 252</option> <option value="5662504" >13.2.4 address元素 253</option> <option value="5662505" >13.3 小结 253</option> <option value="5662506" >13.4 习题 254</option> <option value="5662507" >第14章 HTML 5中的表单 255</option> <option value="5662508" >视频讲解：50分钟</option> <option value="5662509" >14.1 新增表单元素与属性 256</option> <option value="5662510" >14.1.1 新增的属性 256</option> <option value="5662511" >14.1.2 增加与改良的input元素的种类 259</option> <option value="5662512" >14.1.3 output元素的添加 264</option> <option value="5662513" >14.1.4 应用新增元素制作注册表单 264</option> <option value="5662514" >14.2 对表单的验证 266</option> <option value="5662515" >14.2.1 自动验证 266</option> <option value="5662516" >14.2.2 checkValidity显式验证法 267</option> <option value="5662517" >14.2.3 避免验证 268</option> <option value="5662518" >14.2.4 使用setCustomValidity方法自定义</option> <option value="5662519" >错误信息 268</option> <option value="5662520" >14.3 增加的页面元素 269</option> <option value="5662521" >14.3.1 新增的figure元素 270</option> <option value="5662522" >14.3.2 新增的details元素 271</option> <option value="5662523" >14.3.3 新增的mark元素 272</option> <option value="5662524" >14.3.4 新增的progress元素 274</option> <option value="5662525" >14.3.5 新增的meter元素 275</option> <option value="5662526" >14.3.6 改良的ol列表 276</option> <option value="5662527" >14.3.7 改良的dl列表 276</option> <option value="5662528" >14.3.8 加以严格限制的cite元素 277</option> <option value="5662529" >14.3.9 重新定义的small元素 278</option> <option value="5662530" >14.4 小结 278</option> <option value="5662531" >14.5 习题 279</option> <option value="5662532" >第15章 HTML 5中的文件与拖放 280</option> <option value="5662533" >视频讲解：40分钟</option> <option value="5662534" >15.1 选择文件 281</option> <option value="5662535" >15.1.1 通过file对象选择文件 281</option> <option value="5662536" >15.1.2 使用blob接口获取文件的类型与大小 282</option> <option value="5662537" >15.1.3 通过类型过滤选择的文件 283</option> <option value="5662538" >15.2　使用FileReader接口读取文件 285</option> <option value="5662539" >15.2.1 检测浏览器是否支持FileReader接口 285</option> <option value="5662540" >15.2.2　FileReader接口的方法 285</option> <option value="5662541" >15.2.3 使用readAsDataURL方法预览图片 286</option> <option value="5662542" >15.2.4　使用readAsText方法读取文本文件 287</option> <option value="5662543" >15.2.5　FileReader接口中的事件 288</option> <option value="5662544" >15.3 拖放API 290</option> <option value="5662545" >15.3.1 实现拖放的步骤 290</option> <option value="5662546" >15.3.2 通过拖放显示欢迎信息 291</option> <option value="5662547" >15.4 dataTransfer对象应用详解 293</option> <option value="5662548" >15.4.1 使用effectAllowed和dropEffect属性</option> <option value="5662549" >设置拖放效果 293</option> <option value="5662550" >15.4.2 使用setDragImage方法设置拖放图标 294</option> <option value="5662551" >15.5 小结 295</option> <option value="5662552" >15.6 习题 295</option> <option value="5662553" >第16章多媒体播放 296</option> <option value="5662554" >视频讲解：35分钟</option> <option value="5662555" >16.1 HTML 5多媒体的简述 297</option> <option value="5662556" >16.1.1 HTML 4中多媒体的应用 297</option> <option value="5662557" >16.1.2 HTML 5页面中的多媒体 297</option> <option value="5662558" >16.2 多媒体元素基本属性 298</option> <option value="5662559" >16.3 多媒体元素常用方法 302</option> <option value="5662560" >16.3.1 媒体播放时的方法 302</option> <option value="5662561" >16.3.2 canPlayType(type)方法 304</option> <option value="5662562" >16.4 多媒体元素重要事件 304</option> <option value="5662563" >16.4.1 事件处理方式 304</option> <option value="5662564" >16.4.2 事件介绍 305</option> <option value="5662565" >16.4.3 事件实例 306</option> <option value="5662566" >16.5 小结 308</option> <option value="5662567" >16.6 习题 309</option> <option value="5662568" >第17章绘制图形 310</option> <option value="5662569" >视频讲解：1小时32分钟</option> <option value="5662570" >17.1 canvas的基础知识 311</option> <option value="5662571" >17.1.1 canvas是什么 311</option> <option value="5662572" >17.1.2 在页面中放置canvas元素 311</option> <option value="5662573" >17.1.3 绘制带边框的矩形 312</option> <option value="5662574" >17.2 在画布中使用路径 314</option> <option value="5662575" >17.2.1 使用arc方法绘制圆形 314</option> <option value="5662576" >17.2.2 使用moveTo与lineTo路径绘制火柴人 316</option> <option value="5662577" >17.2.3 贝塞尔和二次方曲线 317</option> <option value="5662578" >17.3 运用样式与颜色 319</option> <option value="5662579" >17.3.1 fillStyle 和 strokeStyle属性 319</option> <option value="5662580" >17.3.2 透明度 globalAlpha 321</option> <option value="5662581" >17.3.3 线型 Line styles 323</option> <option value="5662582" >17.4 绘制渐变图形 325</option> <option value="5662583" >17.4.1 绘制线性渐变 325</option> <option value="5662584" >17.4.2 绘制径向渐变 326</option> <option value="5662585" >17.5 绘制变形图形 328</option> <option value="5662586" >17.5.1 坐标的变换 328</option> <option value="5662587" >17.5.2 矩阵变换 330</option> <option value="5662588" >17.6 组合多个图形 333</option> <option value="5662589" >17.7 给图形绘制阴影 335</option> <option value="5662590" >17.8 应用图像 336</option> <option value="5662591" >17.8.1 绘制图像 336</option> <option value="5662592" >17.8.2 图像的局部放大 338</option> <option value="5662593" >17.8.3 图像平铺 339</option> <option value="5662594" >17.8.4 图像裁剪 341</option> <option value="5662595" >17.8.5 像素的处理 342</option> <option value="5662596" >17.9 绘制文字 344</option> <option value="5662597" >17.10 保存与恢复状态 345</option> <option value="5662598" >17.11 文件的保存 346</option> <option value="5662599" >17.12 对画布绘制实现动画 347</option> <option value="5662600" >17.13 综合实例——桌面时钟 348</option> <option value="5662601" >17.14 小结 350</option> <option value="5662602" >17.15 习题 351</option> <option value="5662603" >第18章数据存储 352</option> <option value="5662604" >视频讲解：50分钟</option> <option value="5662605" >18.1 初识Web Storage 353</option> <option value="5662606" >18.1.1 什么是Web Storage 353</option> <option value="5662607" >18.1.2 使用Web Storage中的API 353</option> <option value="5662608" >18.1.3 sessionStorage和localStorage的实例</option> <option value="5662609" >——计数器 355</option> <option value="5662610" >18.1.4 Web Storage综合实例——留言本 357</option> <option value="5662611" >18.1.5 JSON对象的存数实例——用户信息卡 359</option> <option value="5662612" >18.2 本地数据库 361</option> <option value="5662613" >18.2.1 Web SQL数据库简介 361</option> <option value="5662614" >18.2.2 使用Web SQL Database API 362</option> <option value="5662615" >18.2.3 本地数据库实例——用户登录 363</option> <option value="5662616" >18.3 小结 367</option> <option value="5662617" >18.4 习题 367</option> <option value="5662618" >第19章离线应用程序 368</option> <option value="5662619" >视频讲解：13分钟</option> <option value="5662620" >19.1 HTML 5离线Web应用概述 369</option> <option value="5662621" >19.1.1 离线Web应用概述 369</option> <option value="5662622" >19.1.2 本地缓存与浏览器网页缓存的区别 370</option> <option value="5662623" >19.2 创建HTML 5离线应用 370</option> <option value="5662624" >19.2.1 缓存清单（manifest） 370</option> <option value="5662625" >19.2.2 配置IIS服务器 372</option> <option value="5662626" >19.2.3 浏览缓存清单 372</option> <option value="5662627" >19.3 浏览器与服务器的交互过程 373</option> <option value="5662628" >19.4 applicationCache对象 374</option> <option value="5662629" >19.4.1 swapCache方法 375</option> <option value="5662630" >19.4.2 applicationCache对象的事件 376</option> <option value="5662631" >19.5 小结 379</option> <option value="5662632" >19.6 习题 379</option> <option value="5662633" >第20章使用Web Worker处理线程 380</option> <option value="5662634" >视频讲解：25分钟</option> <option value="5662635" >20.1 Web Worker概述 381</option> <option value="5662636" >20.1.1 创建和使用Worker 381</option> <option value="5662637" >20.1.2 Web Worker应用实例——求和运算 382</option> <option value="5662638" >20.2 在Worker内部能做什么 383</option> <option value="5662639" >20.3 多个JavaScript文件的加载与执行 384</option> <option value="5662640" >20.4 线程嵌套 384</option> <option value="5662641" >20.4.1 单层嵌套 385</option> <option value="5662642" >20.4.2 在多个子线程中进行数据的交互 387</option> <option value="5662643" >20.5 小结 390</option> <option value="5662644" >20.6 习题 390</option> <option value="5662645" >第21章通信API 391</option> <option value="5662646" >视频讲解：4分钟</option> <option value="5662647" >21.1 跨文档消息通信 392</option> <option value="5662648" >21.1.1 使用postMessageAPI 392</option> <option value="5662649" >21.1.2 跨文档消息传输 392</option> <option value="5662650" >21.2 小结 394</option> <option value="5662651" >第22章获取地理位置信息 395</option> <option value="5662652" >视频讲解：12分钟</option> <option value="5662653" >22.1 Geolocation API的概述 396</option> <option value="5662654" >22.1.1 使用getCurrentPosition方法获取</option> <option value="5662655" >当前地理位置 396</option> <option value="5662656" >22.1.2 持续监视当前地理位置的信息 398</option> <option value="5662657" >22.1.3 停止获取当前用户的地理位置信息 398</option> <option value="5662658" >22.2 position对象 398</option> <option value="5662659" >22.3 在google地图上显示“我在这里” 399</option> <option value="5662660" >22.4 小结 401</option> <option value="5662661" >22.5 习题 401</option> <option value="5662662" >第3篇 HTML 5项目实战</option> <option value="5662663" >第23章旅游信息网前台页面 405</option> <option value="5662664" >视频讲解：20分钟</option> <option value="5662665" >23.1 概述 406</option> <option value="5662666" >23.2 网站预览 406</option> <option value="5662667" >23.3 关键技术 410</option> <option value="5662668" >23.3.1 网站主体结构设计 410</option> <option value="5662669" >23.3.2 HTML 5结构元素的使用 410</option> <option value="5662670" >23.4 网站公共部分设计 411</option> <option value="5662671" >23.4.1 设计网站公共header 411</option> <option value="5662672" >23.4.2 设计网站公共footer 418</option> <option value="5662673" >23.5 网站主页设计 419</option> <option value="5662674" >23.5.1 显示网站介绍及相关图片 419</option> <option value="5662675" >23.5.2 主页左侧导航的实现 421</option> <option value="5662676" >23.6 留下足迹页面设计 424</option> <option value="5662677" >23.6.1 播放音乐 424</option> <option value="5662678" >23.6.2 添加留言功能的实现 425</option> <option value="5662679" >23.7 小结 426</option> <option value="5662680" >附录习题参考答案 427</option> <option value="5662681" >HTML 5从入门到精通</option> <option value="5662682" >目录</option> <option value="5662683" >X</option> <option value="5662684" >XI</option> </select> </div> </div> <div class="by-form-group"> <h3 class="h3"><span class="star">*</span><i>页码</i></h3> </div> <div class="by-form-group"> <input id="_edit_text_input_page_" class="by-input" id="input_page" type="text" placeholder="请输入书摘所属页码，如有转页请输入转页情况，如1-2"> </div> </div> </div> <div class="modal-footer">  <input type="hidden" id="_edit_text_input_eid_" name="_edit_text_input_eid_" value="0" /> <button type="button" class="by-btn by-btn-modify _only_save_btn_" flag="save" mode="text" data-dismiss="modal">保存</button> <button type="button" class="by-btn by-btn-modify _all_save_btn_" flag="publish" mode="text" data-dismiss="modal">保存到书摘本并发布</button> </div> </div> </div> </div> <script type="text/javascript"> jQuery(function($){ $.event.special.valuechange = { teardown: function (namespaces) { $(this).unbind('.valuechange'); }, handler: function (e) { $.event.special.valuechange.triggerChanged($(this)); }, add: function (obj) { $(this).on('keyup.valuechange cut.valuechange paste.valuechange input.valuechange', obj.selector, $.event.special.valuechange.handler) }, triggerChanged: function (element) { var current = element[0].contentEditable === 'true' ? element.html() : element.val() , previous = typeof element.data('previous') === 'undefined' ? element[0].defaultValue : element.data('previous') if (current !== previous) { element.trigger('valuechange', [element.data('previous')]) element.data('previous', current) } } }; //字数提示 $('#_edit_text_input_content_').on('valuechange', function(){ var len = $(this).val().length; if(len < 10){ $('#edit_excerpt_for_text #words_digest_count_edit').html('最少还需要输入 <span>'+(10-len)+'</span> 字') }else if(len < 500){ $('#edit_excerpt_for_text #words_digest_count_edit').html('还可以输入 <span>'+(500-len)+'</span> 字'); }else{ $('#edit_excerpt_for_text #words_digest_count_edit').html('<span>字数已经超了...</span>') } }); $('#_edit_text_input_experience_').on('valuechange', function(){ var len = $(this).val().length; if(len < 10){ $('#edit_excerpt_for_text #words_note_count_edit').html('最少还需要输入 <span>'+(10-len)+'</span> 字') }else if(len < 200){ $('#edit_excerpt_for_text #words_note_count_edit').html('还可以输入 <span>'+(200-len)+'</span> 字'); }else{ $('#edit_excerpt_for_text #words_note_count_edit').html('<span>字数已经超了...</span>') } }); }); </script> <div id="ifDelete" class="modal fade add-digest"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title">删除</h4> </div> <div class="modal-body"> <div class="in-top"> 您确定要删除吗? </div> </div> <div class="modal-footer"> <button type="button" class="by-btn js-do-del-excerpt" data-dismiss="modal">确定</button> </div> </div> </div> </div> <script type="text/javascript"> $('.js-call-del-excerpt').click(function(){ var id=$(this).attr('id_num'); $(".js-do-del-excerpt").attr("id_num", id); }); </script> <script type="text/javascript" src="https://public.shurufa.me/static/js/excerpt.js"></script> <script type="text/javascript" src="https://public.shurufa.me/static/js/comment.js"></script> <script type="text/javascript"> // 展开全部 var oSummary = $(".summary"), oTiny = oSummary.find('.tiny-info'), oFull = oSummary.find('.more-info'); $(".summary-opt").click(function () { var opt = $(this).data('opt'); if (opt == 'full') { oFull.removeClass('hidden'); oTiny.hide(); } else if (opt == 'mini') { oFull.addClass('hidden'); oTiny.show(); } }); //加载更多 $('.js-load-more').click(function () { console.log('123...'); var self = $(this); var page = parseInt(self.attr('data-page')); page += 1; $.post('/book/excerpt/8949597/' + page + '?is_ajax=1', function (d) { //console.log(d); //console.log(typeof d.data); var H = toHtml(d.data); $('#excerpt_list_div').append(H); self.attr('data-page', page); if (page >= d.total_page) { self.hide(); } }, 'json'); }); // function toHtml(data) { if (typeof data !== 'object') return; var html = ''; for (var i = 0; i < data.length; i++) { var R = data[i]; //console.log(R); html += '<li>'; html += '<div class="meta clearfix">'; html += '<div class="meta-lf">'; html += '<a href="/member/author/' + R.creator_id + '"><img src="' + R.avatar + '"></a>'; html += '<span>' + R.username + '</span>'; html += '</div>'; html += '<div class="meta-rt">' + moment(R.created_at * 1000).format("YYYY-MM-DD HH:mm:ss") + '摘录</div>'; html += '</div>'; var content = ''; if (R.type == 1) { content = '<img src="' + R.screenshot + '" onclick="showExcerptImg(this)" />'; } else { content = R.content; } html += '<div class="blockquote">' + content + '</div>'; html += '<div class="sum"></div>'; html += '<div class="handle clearfix">'; html += '<div class="lf">这条书摘已被收藏<span>' + R.fav_num + '</span>次'; html += '</div>'; html += '<div class="rt by-fr">'; html += '<div class="bg-zan">'; html += '<div class="icon-like-prompt">'; html += '<i class="icon icon-like active"></i><span class="c1">+1</span>'; html += '</div>'; html += '<ul>'; html += '<li class="js-icon-like" data-excerpt="' + R.id + '"><i class="icon icon-like"></i><span class="like" id="excerpt_id">' + R.zan_num + '</span></li>'; html += '</ul>'; html += '</div>'; html += '<span class="dg-share-out">'; html += '<a class="dg-share" href="javascript:;">分享</a>'; html += '<div class="dg-share-btns" style="">'; html += '<a class="weibo" href="/share/index?type=weibo&target=excerpt&eid=' + R.id + '" target="_blank"> </a>'; html += '</div>'; html += '</span>'; html += '<a href="javascript:void(0);" class="sc fav-opt" data-item="excerpt" data-opt="do" flag="mirror" excerpt_id="' + R.id + '" style="margin-right: 20px">收藏</a>'; html += '<a href="javascript:void(0);" class="show-comment" "="" data-excerpt="' + R.id + '" data-curr="45"><span>0</span>条评价</a>'; html += '</div>'; html += '</div>'; html += '<div class="comment-target clearfix"><div class="comment-wrap" style="display: none;"><div class="comment-arrow"></div><div class="comment-edit clearfix"><textarea class="hack-textarea by-input main-ipt" data-min="10" data-max="500"></textarea><div class="comment-opts clearfix"><button class="by-btn by-btn-small btn-red pull-right">评价</button><span class="input-tips pull-left">至少还要输入 <span>10</span> 个字</span></div></div><ul class="comment-list"></ul><div class="slide-up">收起</div></div></div>'; html += '</li>'; } return html; } $(document).click(function (e) { var _con = $('.dg-share-out .dg-share'); // 设置目标区域 if (!_con.is(e.target) && _con.has(e.target).length === 0) { // Mark 1 _con.next('.dg-share-btns').slideUp(200); } }); var objlist = {}; /* if( == '1'){ $(".showReply").each(function(){ var cid = $(this).data('excerpt'), key = 'comment_' + cid; if( typeof objlist[key] == 'undefined' ) { objlist[key] =new Comment({ options: { rootIdKey : 'excerpt', listKey : 'list', fillType : 'inner', fillTarget: '.comment-target', topArea : 'li' }, getParams : { flag : 'excerpt', book : '8949597', excerpt: $(this).data('excerpt'), size : 10, _formhash_: $("meta[name='token']").attr("content") }, sendParams : { book : '8949597', excerpt: $(this).data("excerpt"), _formhash_: $("meta[name='token']").attr("content") }, sendCheck: { commentId: 'comment', postTime : 'time' } }, $(this)); } else { objlist[key].showcase() } }); }else{*/ //$(".show-comment").click(function(){ $(document).on('click', '.show-comment', function () { var cid = $(this).data('excerpt'), key = 'comment_' + cid; if (typeof objlist[key] == 'undefined') { objlist[key] = new Comment({ options: { rootIdKey: 'excerpt', listKey: 'list', fillType: 'inner', fillTarget: '.comment-target', topArea: 'li' }, getParams: { flag: 'excerpt', book: '8949597', excerpt: $(this).data('excerpt'), size: 10, _formhash_: $("meta[name='token']").attr("content") }, sendParams: { book: '8949597', excerpt: $(this).data("excerpt"), _formhash_: $("meta[name='token']").attr("content") }, sendCheck: { commentId: 'comment', postTime: 'time' } }, $(this)); } else { objlist[key].showcase() } }); /* } */ </script> <footer class="footer by-container"> <div class="wrap"> <div class="footer-nav"> <a href="/article/aboutus.html">关于我们</a><span>|</span> <a href="/article/sitemap.html">网站地图</a> </div> <div class="copyright"> Copyright © 书入法（<a href="https://beian.miit.gov.cn/" target="_blank">浙ICP备15034307号-1</a>） </div> </div> </footer> <script type="text/javascript"> var currentMenu='index'; currentMenu=(currentMenu=="") ? "index" : currentMenu; $("#mn_"+currentMenu).addClass('current'); var _vds = _vds || []; window._vds = _vds; (function(){ _vds.push(['setAccountId', '56449ed9ae4d4a86b91f6b30aefc3140']); (function() { var vds = document.createElement('script'); vds.type='text/javascript'; vds.async = true; vds.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'dn-growing.qbox.me/vds-gr.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(vds, s); })(); })(); var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "//hm.baidu.com/hm.js?81453a1bee4a12fe29a6bbe03f39d0f2"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>

导购链接

做书摘

文字书摘

读图识字

写点笔记吧

章节（选填）

页码（选填）