1、第一章
1．HTML指的是（ A ）。
A超文本标记语言（Hyper Text Markup Language）
B家庭工具标记语言（Home Tool Markup Language）
C超链接和文本标记语言（Hyperlinks and Text Markup Language）
2．web标准的制定者是（ B ）。
A 微软 B万维网联盟（W3C） C网景公司（Netscape）
3．用HTML标记语言编写一个简单的网页，网页最基本的结构是（ D ）。
A
…
…
2、e>
B
… …
C
… …
D … …
4．从IE浏览器菜单中选择____查看à源文件______命令，可以在打开的记事本中查看到网页的源代码。
5．实现网页交互性的核心技术是_______ JavaScript _______________。
6．CSS的全称是________ Cascading Styl
3、e Sheet __________ ______。
7．写出你了解的专业网页编辑制作工具_____Dreamweaver_，_ EditPlus ___________。
8．URL的全称是____Uniform Resource Locator _____________________________。
9．写出URL包含的三个部分内容的作用。
URL通常包括三个部分，第一部分是Scheme，告诉浏览器该如何工作，第二部分是文件所在的主机，第三部分是文件的路径和文件名。
第二章
1. 以下标记符中，用于设置页面标题的是（ A ）。
A
B</p><p style='padding:5px 0px;'>4、 <caption> C <head> D <html>
2. 以下标记符中，没有对应的结束标记的是（ B ）。
A <body> B <br> C <html> D <title>
3. 文件头标记也就是通常所见到的____<head>…</head>_____标记。
4. 创建一个HTML文档的开始标记符是___<html>______，结束标记符是____</html>_____。
5. 标记是HTML中的主要语法，分____单_____标记和____双_____标记两种。大多数标记是____成对_____出现的，由____开始_____标记</p><p style='padding:5px 0px;'>5、和_____结束____标记组成。
6. 把HTML文档分为__头部_______和______主体___两部分。___主体______部分就是在Web浏览器窗口的用户区内看到的内容，而__头部_______部分用来设置该文档的标题（出现在Web 浏览器窗口的标题栏中）和文档的一些属性。
7. HTML4或XHTML1.0的三种文档风格是__严格型、过渡型____、框架型_____。
8. 简述一个HTML文档的基本结构。
一个完整的HTML文件包含头部和主体两个部分的内容，在头部内容里，可定义标题、样式等，文档的主体内容就是要显示的信息。<html>标记通常会作为HTML文档的开始代</p><p style='padding:5px 0px;'>6、码，出现在文档的第一句，而</html>标记通常作为HTML文档的结束代码，出现在文档的尾部，其他的所有的HTML代码都位于这两个标记之间，该标记用于告知浏览器或其他程序，这是一个Web文档，应该按照HTML语言规则对文档内容的标记进行解释；<head>…</head>是HTML文档的头部标记；<body>… </body>标记之间的文本是在浏览器中要显示的页面内容。
图2-3 实验
第三章
1. 下面哪一项是换行符标记？（ C ）
A．<body> B．<font> C．<br> D．<p>
2. 在HTML中，标记<font>的Size属性最大取值</p><p style='padding:5px 0px;'>7、可以是（ C ）。
A. 5 B．6 C．7 D．8
3. 在HTML中，标记<pre>的作用是（ B ）。
A. 标题标记B．预排版标记C.转行标记D．文字效果标记
4. 下面的（ B ）特殊符号表示的是空格。
A．" B． C．& D．©
5. 要设置一条1像素粗的水平线，应使用的HTML语句是_ <hr size=1>_ 。
6. 在HTML文件中，版权符号的代码是 __©___。
7. 使页面的文字居中的方法有 <center>…</center>__。
8. 标题字的标记是 </p><p style='padding:5px 0px;'>8、 <h>____。
第四章
1. 列表（List），顾名思义就是 在网页中将相关资料以条目的形式有序或者无序排列而形成的表。
2. 常用的列表有 无序列表 、 有序列表 和 定义列表 三种。
3. 无序列表标记<ul>的type属性可以指定出现在列表项前的项目符号的样式，其取值可以是： disc 、 circle 和 square 三种。
4. 有序列表标记<ol>的type属性可以指定出现在列表项前的项目编号的样式，其取值可</p><p style='padding:5px 0px;'>9、以是： 1 、 a 、 A 、 i 和 I 五种。
5. 使用有序列表标记的 START 属性后，用户则可改变编号的起始值。该属性值是一个 整数 ，表示从哪一个数字或字母开始编号。
6. 使用列表项标记<li></li>的type属性，用户可以指定单个列表项的符号 （对于无序列表而言）或编号（对于有序列表而言） 。
7. 使用列表项标记<li></li>的 VALUE 属性，可以改变当前列表项的编号大小，并会影响其后所有列表项的</p><p style='padding:5px 0px;'>10、编号大小。但该属性只适用于 有序列表 中。
第五章
1. 下列哪一项是在新窗口中打开网页文档（ B ）。
A．_self B．_blank C．_top D．_parent
2. 在网页中，必须使用（ A ）标记来完成超级链接。
A．<a>…</a> B．<p>…</p> C．<link>…</link> D．<li>…</li>
3. 超链接是建立网站、网页主要元素之一。若要建立在同一网页内的链接，应采用以下（ B ）链接形式。
A．链接到一个E-mail B．书签式链接
C．框架间</p><p style='padding:5px 0px;'>11、链接 D．链接到一个网站
4. 关于超链接，（ A ）的说法是正确的。
A．不同网页上的图片或文本可以链接到同一网页或网站
B．不同网页上的图片或文本只能链接到同一网页或网站
C．同一网页上被选定的一个图片或一处文本可以同时链接到几个不同网站
D．同一网页上图片或文本不能链接到同一书签
5. 若要在页面中创建一个图像超链接，要显示的图形为 myhome.jpg，所链接的地址为，以下用法中正确的是（ B ）。
A．<a href=">myhome.jpg</a>
B．<a href=""><img src="myhome.jpg"</p><p style='padding:5px 0px;'>12、></a>
C．<img src="myhome.jpg"><a href =""></a>
D．<a href =><img src="myhome.jpg">
6. 以下创建mail链接的方法，正确的是（ C ）。
A．<a href="master@">管理员</a>
B．<a href="callto:master@">管理员</a>
C．<a href="mailto:master@">管理员</a>
D．<a href="Email:master@">管理员</a>
7. 下面是相对路径的是（ C ）。
A． B． ftp://219.15</p><p style='padding:5px 0px;'>13、3.40.150
C．../a.html D． /a.html
8. 下面哪组属性是用于设置图像映射的区域坐标的（ D ）。
A．rec B．circle C．poly D． coords
9. 在HTML文件中，URL是 统一资源定位器 。
10. 在HTML文件中，超链接可以分为 内部链接和外部链接 。
11. 关于超链接， target 属性用于指定链接的目标窗口。
第六章
1. <marquee> ... </marquee>，表示（ D ）
A.页面空白 B.页面属性 C.标题传</p><p style='padding:5px 0px;'>14、递 D.滚动文字
2. 嵌入背景音乐的HTML代码是（ B ）
A.<backsound src=#> B.<bgsound src=#>
C.<bgsound url=#> D.<backsound url=#>
3. 通过哪个属性可以为图片添加边框线. （ C ）
A. html B.asp C.border D.img
4. 网页中常用的图片格式为 GIF 、 JPEG 和 PNG 。
5. 在HTML文档中，显示图片所用的标记是 <img</p><p style='padding:5px 0px;'>15、> 。
6. <marquee> ... </marquee>的width和height属性表示 滚动背景的宽和高 。
7. 使用 <bgsound> 标记只能添加声音文件，不能显示和调整播放软件的控制面板，而使用 <embed> 标记则可以插入各种各样的多媒体。
第七章
1. 以下选项中，哪个全部都是表格标记（ B ）。
A．<table><head><tfoot> B．<table><tr><td>
C．<table><tr><tt> </p><p style='padding:5px 0px;'>16、 D．<thead><body><tr>
2. 请选择可以使单元格中的内容进行左对齐的正确HTML标记（ A ）。
A．<td align="left"> B．<td valign="left">
C．<td leftalign> D．<tdleft>
3. 要使表格的边框不显示，应设置border的值是（ B ）。
A．1 B．0 C．2 D．3
4. 以下标记中，用于定义一个单元格的是（ A ）。
A．<td> </td> </p><p style='padding:5px 0px;'>17、 B．<tr>…</tr>
C．<table>…</table> D．<caption>…</caption>
5. 若要使表格的行高为16pt，以下方法中，正确的是（ A ）。
A．<table border=1 height="16">…</table>
B．<table border=1 height="16pt">…</table>
C．<table border=1 height="16pt">…</table>
D．<table border=1 height="16pt">…</table</p><p style='padding:5px 0px;'>18、>
6. 表格的标记是___<table>____，单元格的标记是___<td>____。
7. 表格的宽度可以用百分比和___像素_____两种单位来设置。
8. 表格分行用到的标记是 _<tr>______。
9. 请写出在网页中设定表格边框的厚度的属性__<border>_____；设定表格单元格之间宽度属性___cellspacing___________；设定表格内容与单元格间的距离属性____cellpadding______。
10. 请写出<caption align=bottom>表格标题</caption>功能是 为表格添加标题_______。
11.</p><p style='padding:5px 0px;'>19、 <tr>….</tr>是用来定义 表格的一行 ；<td>…</td>是用来定义 一个单元格 ；<th>…</th>是用来定义___表头_______。
12. 单元格垂直合并所用的属性是__colspan____；单元格横向合并所用的属性是___rowspan____。
13. 利用<table></table>标记符的__frame____属性可以控制表格边框的显示样式；利用<table></table>标记符的__rules_____属性可以控制表格分隔线的显示样式。
第八章
1. 框架的分割方式有（ ABD ）。
A.上下分割 B.左右分割 C.对角线</p><p style='height:0px;padding:0;overflow:hidden'>20、分割 D.嵌套分割
2. 如果要将窗口进行水平的分割，那么要用到（ B ）属性。
A.cols B.rows C.colspan D.hr
3. 设置窗口高度或宽度的数值一种是采用 像素 设置另一种是采用 百分比 设置。
4. 嵌入式的窗口我们一般用 嵌套分割 来实现。
5. 在网页中插入浮动框架要用 <iframe></iframe> 标记。
第九章
1. 在HTML中，<form method=post>，method表示( A )
A. 提交的方式
B. 表单所用的脚本语言
C. 提交的URL地</p><p style='height:0px;padding:0;overflow:hidden'>21、址
D. 表单的形式
2. 增加表单的文本域的HTML代码是( B )
A. <input type=submit></input>
B. <textarea name="textarea"></textarea>
C. <input type=radio></input>
D. <input type=checkbox></input>
3. 以下关于<select>标记说法正确的是( A D E )
A. <select>定义的表单元素在一个下拉菜单中显示选项
B. rows和cols属性可以定义其大小
C. <select>定义的表单元素是一个单选按钮</p><p style='height:0px;padding:0;overflow:hidden'>22、
D. <select>定义的表单元素通过改变其multiple属性取值可以实现多选
E. 一般情况下，<select>定义的表单元素以一个下拉列表形式出现
4. 现要设计一个可以输入电子邮件地址的web页，应该使用的语句是(B )
A. <input type=radio>
B. <input type=text>
C. <input type=password>
D. <input type=checkbox>
5. <form>标记中，_____ action ____属性的作用就是指出该表单所对应的处理程序的位置；______ method ___属性用于指定该</p><p style='height:0px;padding:0;overflow:hidden'>23、表单的运行方式。
6. method属性的取值可以为_____ get ____和___post______之一，其默认方式是__get_______。
7. <input>标记中，____name_____属性的值是相应处理程序中的变量名；___type__属性用于指出用户输入值的类型。
8. <input>标记中,type属性有九种取值，分别是：text，submit，reset，password，checkbox，radio，image，hidden，file。
9. 当type=text时，<input>标记除了有两个不可默认的属性____name_____和_____type</p><p style='height:0px;padding:0;overflow:hidden'>24、外，还有三个可选的属性：___maxlength______、__size_______和_____value____。
10.当type=____image_____时，浏览器会在相应位置产生一个图像按钮，其中，___src______属性是必需的，它用于设置图像文件的路径。
第十章
1. CSS文件的扩展名为( C )。
A. A. .txt B. .htm C. .css D. .html
2. 以下的HTML中，哪个是正确引用外部样式表的方法？（ B ）
B. <style src="mystyle.css">
C. <link rel="style</p><p style='height:0px;padding:0;overflow:hidden'>25、sheet" type="text/css" href="mystyle.css">
D. <stylesheet>mystyle.css</stylesheet>
3. CSS的继承并不是完全的“克隆”，有些继承是不起作用的，在下面的几个属性中，那些继承是不起作用的（ A B D ）。
E. A. border B. margin C. font D. padding
4. 在网页中最常用的单位是（ C ）。
F. A. in B. cm C. px D. pc
5. 下列哪个选项的CSS语法是正确的？( C )
A. body</p><p style='height:0px;padding:0;overflow:hidden'>26、color=black B. {body:color=black(body}
G. C. body {color: black} D. {body;color:black}
6. 下面那个语句是把段落的字体设置为黑体、18像素、红色字体显示（ B ）
H. A. p{font-family:黑体；font-size:18pc; font-color:red}
I. B. p{font-family:黑体；font-size:18px; font-color:#ff0000}
J. C. p{font:黑体 18px #00ff00}
7.</p><p style='height:0px;padding:0;overflow:hidden'>27、 如何为所有的<h1>元素添加背景颜色？(B)
A. h1.all {background-color:#FFFFFF}
B. h1 {background-color:#FFFFFF}
C. all.h1 {background-color:#FFFFFF}
8. 设置text-decoration属性的删除线的值为（ C ）。
K. A. underline B. overline C. line-through D. blink
9. 设置字符间距为15px的语句为（ A ）。
L. A. letter-spacing:15px B</p><p style='height:0px;padding:0;overflow:hidden'>28、 line-height:15px
M. C. letter-height:15px D. line-spacing:15px
10. 如何显示这样一个边框：顶边框10像素、底边框5像素、左边框20像素、右边框1像素(A)
A. border-width:10px 1px 5px 20px B. border-width:10px 20px 5px 1px
N. C. border-width:5px 20px 10px 1px D. border-width:10px 5px 20px 1px
11. 如何产生带有正方形的项目的列表？( B)</p><p style='height:0px;padding:0;overflow:hidden'>29、
A. list-type: square B. list-style-type: square
O. C. type: square D. type: 2
12. CSS的英文名为_____Cascading Style Sheet_______，译成中文的意思为___层叠样式__。
13. CSS里四种不同的定义分别为：_直接定义标记的style属性_、_定义内部样式表__、_____嵌入外部样式表_、______链接外部样式表__。
14. CSS的选择符类型为_____id___________、______class_____。
15. C</p><p style='height:0px;padding:0;overflow:hidden'>30、SS的四种定义颜色的方法分别为：__十六进制数___、______ RGB函数（整数）_、____利用RGB函数设置_____、_________ RGB函数（百分比）__颜色名称_。
16. 插入背景附件的属性为______background-attachment__________。
第十一章
1. 关于javascript的说法错误的是（ B ）。
A．是一种脚本编写语言 B．是面向结构的
C．具有安全性能 D．是基于对象的
2. 可以在下列哪个HTML元素中放置j</p><p style='height:0px;padding:0;overflow:hidden'>31、avascript代码？( A )
A. <script>
B. <javascript>
C. <js>
D. <scripting>
3. 向页面输出“Hello World”的正确javascript语法是 ( A )。
A. document.write("Hello World")
B. "Hello World"
C. response.write("Hello World")
D. ("Hello World")
4. 引用名为“abc.js”的外部脚本的正确语法是( A )。
A. <script src="abc.js">
B.</p><p style='height:0px;padding:0;overflow:hidden'>32、 <script href="abc.js">
C. <script name="abc.js">
5. 外部脚本文件中必须包含<script>标签吗？( B )
A. 是 B. 否
6. 如何在警告框中写入“Hello World”？( C )
A. alertBox="Hello World"
B. msgBox("Hello World")
C. alert("Hello World")
D. alertBox("Hello World")
7. 如何声明一个名为myFunction的函数？( B )
A. function:my</p><p style='height:0px;padding:0;overflow:hidden'>33、Function()
B. function myFunction()
C. function=myFunction()
8. 如何调用名为myFunction的函数？( C )
A. call function myFunction
B. call myFunction()
C. myFunction()
9. 如何编写当i等于5时执行某些语句的条件语句？( A )
A. if (i==5) B. if i=5 then C. if i=5 D. if i==5 then
10. 在JavaScript中，有多少种不同类型的循</p><p style='height:0px;padding:0;overflow:hidden'>34、环？( B )
A. 两种。for循环和while循环
B. 四种。for循环、while循环、do...while循环以及for...in循环
C. 一种。for循环
11. 下面那个for循环是正确的？( B )
A. for (i <= 5; i++)
B. for (i = 0; i <= 5; i++)
C. for (i = 0; i <= 5)
D. for i = 1 to 5
12. 可插入多行注释的JavaScript语法是？( A )
A. /*This comment has more than one line*/
B. </p><p style='height:0px;padding:0;overflow:hidden'>35、//This comment has more than one line//
C. <!--This comment has more than one line-->
13. 定义JavaScript数组的正确方法是？( C )
A. var txt = new Array="tim","kim","jim"
B. var txt = new Array(1:"tim",2:"kim",3:"jim")
C. var txt = new Array("tim","kim","jim")
D. var txt = new Array:1=("tim")2=("kim")3</p><p style='height:0px;padding:0;overflow:hidden'>36、"jim")
14. 利用下标访问一个数组时，最小下标是从（ A ）开始的。
A．0 B. 1
15. 如何把7.25四舍五入为最接近的整数？( C )
A. round(7.25)
B. rnd(7.25)
C. Math.round(7.25)
D. Math.rnd(7.25)
16. 如何求得2和4中最大的数？( B )
A. Math.ceil(2,4)
B. Math.max(2,4)
C. ceil(2,4)
D. top(2,4)
17. 在名为“window2”的新窗口中打开一个连接为“”的JavaScript语法是</p><p style='height:0px;padding:0;overflow:hidden'>37、 B )。
A. open.new("http://www. ","window2")
B. window.open("http://www. ","window2")
C. new("http://www. ","window2")
D. new.window("http://www. ","window2")
18. 如何获得客户端浏览器的名称？( B )
A. client.navName
B. navigator.appName
C. browser.name
19. 将一个名为validate()的函数和一个按钮的单击事件关联起来的正确用法是</p><p style='height:0px;padding:0;overflow:hidden'>38、 B ）
A. <input type="button" value="验证" ondblclick="validate ()">
B. <input type="button" value="验证" onclick="validate ()">
C. <input type="button" value="验证" onkeydown="validate ()">
20. 脚本语言和HTML语言有何联系和区别？
JavaScript是解释型的编程语言，实现了大部分的面向对象的功能。一般用来做客户端脚本（当然，也可以做服务器端脚本），嵌套在HTML页面中，运行在浏览器窗口中，可以按面向对象的方式操作html页面的对象（document,window等等），把静态的html页面变成支持用于交互并相应事件的动态页面。而html则是超文本标记语言，浏览器会对标记自动进行分析解释。
7
</p>
</div>
</div>
<span id="LabelScript"></span>
<script src="https://m.zixin.com.cn/JS/bootstrap-collapse.js"></script>
<div class="siteInner_bg" style="margin-top: 40px; border: solid 0px red; margin-left: 0px; margin-right: 0px;">
<div>
<div style=" margin: auto; overflow:hidden;
text-align: center;">
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?6e2a21bc68316db308b5fdc9a0d11f2e";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</div>
<div style=" height:80px; margin: auto; overflow:hidden;
text-align: center;">
<a target="_blank"
href='https://m.zixin.com.cn/ADMiddle.aspx?t=92ULKnFRa/o='>
<img src="https://www.zixin.com.cn/FileUpload/Images/81dd1a0b-02e3-435a-aa37-fbfccae9a83d.gif" width="100%" height='80'
alt="移动网页_全站_页脚广告1" />
</a>
</div> </div>
<div class="siteInner">
<p style="white-space: normal; text-align: center;"><a href="https://www.zixin.com.cn/h-33.html" target="_blank" title="关于我们" textvalue="关于我们"><span style="text-align: center;">关于我们</span></a> <span style="text-align: center;"> </span><a href="https://www.zixin.com.cn/h-37.html" target="_blank" title="便捷服务" textvalue="便捷服务">便捷服务</a> <span style="text-align: center;"> </span><a href="https://ai.zixin.com.cn/" target="_blank" title="自信AI" textvalue="自信AI">自信AI</a> <span style="text-align: center;"> </span><a href="https://gpt.zixin.com.cn/" target="_blank" title="AI导航" textvalue="AI导航">AI导航</a> <a href="https://www.zixin.com.cn/info/266.html" target="_blank" title="抽奖活动" textvalue="抽奖活动">抽奖活动</a></p><p style="white-space: normal; text-align: center;"><span style="color: rgb(153, 153, 153); font-family: 微软雅黑, 宋体, Arial; font-size: 12px; text-align: center; background-color: rgb(248, 248, 248);"></span><span style="text-align: center;">©2010-2026 宁波自信网络信息技术有限公司 </span><span style="text-align: center;"> </span><span style="text-align: center;">版权所有</span></p><p style="white-space: normal; text-align: center;"><span style="text-align: center;"><span style="text-align: center;"><span style="text-align: center;"><span style="text-align: center;">客服电话：<span style="text-wrap: wrap;">0574-28810668</span> <span style="text-align: center;">投诉</span>电话：18658249818</span></span></span></span></p><p style="white-space: normal; text-align: center;"><span style="text-align: center;"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-6/9/6379033271755225397249870.png" title="gongan.png" alt="gongan.png"/></span><a href="http://www.beian.gov.cn/portal/index.do" target="_blank" textvalue="浙公网安备33021202000488号">浙公网安备33021202000488号</a> </p><p style="white-space: normal; text-align: center;"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/4/6379256265460890686562879.png" title="icp.png" alt="icp.png"/><a href="http://beian.miit.gov.cn/" target="_blank" textvalue="浙ICP备2021020529号-1">浙ICP备2021020529号-1</a> <span style="text-align: center;"> | </span> <a href="https://dxzhgl.miit.gov.cn/dxxzsp/xkz/xkzgl/resource/qiyesearch.jsp?num=%E5%AE%81%E6%B3%A2%E8%87%AA%E4%BF%A1%E7%BD%91%E7%BB%9C%E4%BF%A1%E6%81%AF%E6%8A%80%E6%9C%AF%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8&type=xuke" target="_blank" title="浙B2-20240490" textvalue="浙B2-20240490">浙B2-20240490</a><span style="text-align: center;"> </span></p><p style="white-space: normal; text-align: left;"><span style="text-align: center; font-family: 楷体, 楷体_GB2312, SimKai; font-size: 20px;">关注我们</span><span style="text-align: center;"> ：<a href="https://www.zixin.com.cn/news/113.html" target="_blank"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/9/6379298231429297878483475.png" title="微信公众号" alt="微信公众号"/></a></span><span style="text-align: center;"> <a href="https://www.zixin.com.cn/news/113.html" target="_blank"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/5/6379257739400583672497521.png" title="抖音" alt="抖音"/></a> <a href="https://weibo.com/zixinnetwork" target="_blank" style="color: rgb(217, 83, 79); text-align: center; white-space: normal;"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/5/6379257739400583672497523.png" title="微博" alt="微博"/></a> <a href="https://zixinnetwork.lofter.com/" target="_blank"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/5/6379257740834991205479163.png" title="LOFTER" alt="LOFTER"/></a> </span></p>
</div>
</div>
<div style="position: fixed; bottom: 100px; right: 15px; z-index: 100000000000000000;">
<a href="https://work.weixin.qq.com/kfid/kfcb5dffb1386b26424"><img src="https://www.zixin.com.cn/FileUpload/Images/c1022425-c464-4203-b6dc-db237b2252d5.gif" style="width:36px" alt="客服"/></a>
</div>
<div class="trnav clearfix" id="navcontent" style="display: none; background-color:#3a71b1; ">
<div class="trlogoside" id="navlogo" style="display: none;">
<a href="https://m.zixin.com.cn/" title="咨信网"><img src="https://www.zixin.com.cn/FileUpload/Images/c4280cd2-fe62-449e-aeca-027ef73439f5.png" alt="咨信网"></a>
<div class="trnavclose" id="navclose">
<span></span>
</div>
</div>
<div class="navcontainer">
<div class="row">
<ul class="nav navbar-nav trnavul headercontent" id="navigation" style="margin:20px 0 0px;">
<li><a target="_parent"href="https://m.zixin.com.cn/login.aspx">登录</a></li>
<li><a target="_parent"href="https://m.zixin.com.cn/">首页 </a></li>
<li><a target="_parent"href="https://m.zixin.com.cn/booklist-0.html">分类 </a></li>
<li><a target="_parent"href="https://m.zixin.com.cn/infos.html">学堂 </a></li>
<li><a target="_parent"href="https://m.zixin.com.cn/newslist.html">公告 </a></li>
<li><a target="_parent"href="https://m.zixin.com.cn/h-0.html">帮助中心 </a></li>
</ul>
</div>
</div>
</div>
<script type="text/javascript">
function stopPropagation(e) {
var ev = e || window.event;
if (ev.stopPropagation) {
ev.stopPropagation();
}
else if (window.event) {
window.event.cancelBubble = true;//兼容IE
}
}
$("#navmore").click(function (e) {
$("#navcontent").show();
$("#navlogo").show();
stopPropagation(e);
var navcontentwidth = $("#navcontent").width();
$('#navcontent').css({ 'right': '-' + navcontentwidth + 'px' });
$("#navcontent").show().animate({ "right": 0 }, 300);
});
$(document).bind('click', function () {
var navcontentwidth = $("#navcontent").width();
$("#navcontent").animate({ 'right': '-' + navcontentwidth + 'px' }, 300, function () { $("#navcontent").hide(); });
$("#navlogo").fadeOut(300);
});
$("#navcontent").click(function (e) {
stopPropagation(e);
});
$("#navclose").click(function (e) {
var navcontentwidth = $("#navcontent").width();
$("#navcontent").animate({ 'right': '-' + navcontentwidth + 'px' }, 300, function () { $("#navcontent").hide(); });
$("#navlogo").fadeOut(300);
});
</script>
<script>
function BaseShare(title, desc, imgUrl) {
var link = "https://m.zixin.com.cn/docdown/6419619.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx49d3b0cb6fb382c4', // 必填，公众号的唯一标识
timestamp: '1772764557', // 必填，生成签名的时间戳
nonceStr: '75FC093C0EE742F6DDDAA13FFF98F104', // 必填，生成签名的随机串
signature: '475779fd3a702f1b145dff5a5be4f323e62103de',// 必填，签名，见附录1
jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData', 'hideMenuItems'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
//openTagList: ["wx-open-launch-weapp"]//H5打开小程序
});
wx.ready(function () { //需在用户可能点击分享按钮前就先调用
wx.hideMenuItems({// 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
menuList: ['menuItem:share:qq', 'menuItem:favorite', 'menuItem:share:QZone', 'menuItem:share:email', 'menuItem:originPage', 'menuItem:readMode', 'menuItem:delete', 'menuItem:editTag', 'menuItem:share:facebook', 'menuItem:share:weiboApp', 'menuItem:share:brand']
});
var shareData = {
title: title, // 分享标题
desc: desc,//这里请特别注意是要去除html
link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: imgUrl, // 分享图标
};
wx.updateAppMessageShareData(shareData);//1.4 分享到朋友
wx.updateTimelineShareData(shareData);//1.4分享到朋友圈
});
}
}
function BaseShare(title, desc, imgUrl, link) {
if (link=="")
link = "https://m.zixin.com.cn/docdown/6419619.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx49d3b0cb6fb382c4', // 必填，公众号的唯一标识
timestamp: '1772764557', // 必填，生成签名的时间戳
nonceStr: '75FC093C0EE742F6DDDAA13FFF98F104', // 必填，生成签名的随机串
signature: '475779fd3a702f1b145dff5a5be4f323e62103de',// 必填，签名，见附录1
jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData', 'hideMenuItems'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
//openTagList: ["wx-open-launch-weapp"]//H5打开小程序
});
wx.ready(function () { //需在用户可能点击分享按钮前就先调用
wx.hideMenuItems({// 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
menuList: ['menuItem:share:qq', 'menuItem:favorite', 'menuItem:share:QZone', 'menuItem:share:email', 'menuItem:originPage', 'menuItem:readMode', 'menuItem:delete', 'menuItem:editTag', 'menuItem:share:facebook', 'menuItem:share:weiboApp', 'menuItem:share:brand']
});
var shareData = {
title: title, // 分享标题
desc: desc,//这里请特别注意是要去除html
link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: imgUrl, // 分享图标
};
wx.updateAppMessageShareData(shareData);//1.4 分享到朋友
wx.updateTimelineShareData(shareData);//1.4分享到朋友圈
});
}
}
</script>
<!--footer-->
<footer class="footer">
<a target="_parent" class="footer-item" href="https://m.zixin.com.cn/">
<img class="footer-item-img" src="/Master/img/tabbar/home.png" alt="首页" />
<div class="footer-item-txt ">首页</div>
</a>
<a target="_parent" class="footer-item" id="classify" href="https://m.zixin.com.cn/bookmap.html">
<img class="footer-item-img" src="/Master/img/tabbar/category.png" alt="分类" />
<div class="footer-item-txt ">分类</div>
</a>
<a target="_parent" class="footer-item" id="case" href="https://m.zixin.com.cn/zhuantilist-.html">
<img class="footer-item-img" src="/Master/img/tabbar/case.png" alt="专题" />
<div class="footer-item-txt ">专题</div>
</a>
<a target="_parent" class="footer-item" id="my" href="https://m.zixin.com.cn/UserDefault.aspx">
<img class="footer-item-img" src="/Master/img/tabbar/my.png" alt="我的" />
<div class="footer-item-txt ">我的</div>
</a>
</footer>
<script>
$(document).ready(function () {
var arr = $(".headercontent");
for (var i = 0; i < arr.length; i++) {
(function (index) {
var url = "https://m.zixin.com.cn/header.aspx";
$.get(url + "?tp=0&t=" + (new Date()).valueOf(), function (d) {
try {
arr.eq(index).empty().html(d);
} catch (e) { }
try {
arr.html(d);
} catch (e) { }
});
})(i);
}
});
</script>
<script src="https://m.zixin.com.cn/js/jquery.lazyload.js"></script>
<script charset="utf-8">
$("img.lazys").lazyload({
threshold: 200,
effect: "fadeIn"
});
</script>
</body>
</html>