HTML基本语法汇总大全.docx

上传人:b****6 文档编号:7026604 上传时间:2023-01-16 格式:DOCX 页数:19 大小:26.17KB
下载 相关 举报
HTML基本语法汇总大全.docx_第1页
第1页 / 共19页
HTML基本语法汇总大全.docx_第2页
第2页 / 共19页
HTML基本语法汇总大全.docx_第3页
第3页 / 共19页
HTML基本语法汇总大全.docx_第4页
第4页 / 共19页
HTML基本语法汇总大全.docx_第5页
第5页 / 共19页
点击查看更多>>
下载资源
资源描述

HTML基本语法汇总大全.docx

《HTML基本语法汇总大全.docx》由会员分享,可在线阅读,更多相关《HTML基本语法汇总大全.docx(19页珍藏版)》请在冰豆网上搜索。

HTML基本语法汇总大全.docx

HTML基本语法汇总大全

HTML基本语法汇总

如果你是刚刚学习制作自己的网页,则本文对你可能有所帮助。

它列出了超文本标记语言HTML最基本的语法

一、基本标记

文件格式(文件的开头与结尾)

文头区段(描述文件的信息)

 标题(显示在IE的标题栏)

 基底网址在IE中取得完整的文件或网址路径

    例:

 CSS样式表:

    例一、本例为固定背景图片

    例二、先在区进行定义

    

    

--

    .aa{font-size:

100;color:

redbackground-color:

pink}

    .bb{font-size:

50;color:

#00ff00}

    -->

    

      在正文中用class=样式名,来调用

    字体和颜色的变化

正文区段(放此文件的内容)

 文字颜色

>(RGB色码)

 打开窗口提示信息:

   点击关闭窗口

window.close()">点击关闭窗口

 关闭窗口提示信息:

标题

>(?

=1~6,改变标题字的大小)

  标题对齐

  字加大

  字变小

粗体字

斜体字

底线字

上标字

下标字

文字对中

基本字体大小(取值范围从1到7,默认值为3)

改变字体大小

>(?

=1~7)

字体颜色(RGB色码)

指定字型

>(?

=宋体,楷体等)

二、超链结

网址链结

设定锚点

">(?

以容易记为原则)

链结到锚点

">(同一份文件)

">(锚点不同文件)

显示图形

图形位置(分别为上、下、中、左、右的位置)

图形取代文字

>(无法显示图形时用)

图形尺寸

height=?

>(?

以像素为单位)

连结图形边线

>(?

以像素为单位)

图形四周留白

vspace=?

>(?

以像素为单位)

三、区段划分

段落(font标签自动分段)

断行

关闭换行

保留段落格式

区块

不能含有P标签

横线


横线厚度

>(?

以像素为单位)

横线长度

>(?

以像素为单位)

横线长度

%>(?

与页宽相比较)

实横线(无立体效果)

实线颜色

>(RGB色码)

四、背景图案颜色及音乐

背景图案图形文件格式为gif和jpg,后面的

背景颜色(RGB色码)         fixed为浮水印效果  

背景文字颜色(RGB色码)

未链结点颜色(RGB色码)

已链结点颜色(RGB色码)

正在链结点颜色

背景音乐

/-1>加在或中均可,?

为次数,-1为循环

  例:

  支持.mid及.wav等格式

五、表格的使用

基本组成:

height=?

width=?

bgcolor=?

>border=?

框线宽度,单位为点数,0为不显示框线。

 ...表格标题文字   height=?

width=?

为高度和宽度,点和百分比

                   bgcolor=?

表格的背景色,亦可加到或内

 ...              

 ......             

 

 

 ...

 ......

 

 ......

 

bordercolordark=?

bordercolorlight=?

>框线、暗面、亮面的颜色

 表格的水平对齐(左、中、右)(可制作成浮动表格)

 

cellpadding=?

>单元格间、单元格与数据的间隙

 表格的背景图片,亦可加到或中

 ...标题行与类似,只是默认为粗体居中对齐。

 表格内框线,不显示|水平线|垂直线|所有线

 

colspan=?

>行或列的合并

六、输入特殊符号

特殊符号

HTML表示法

©

<

<

>

>

"

"

&

&

回车

 

七、字幕文字

字幕文字内容

 

>字幕文字的背景色

 

width=?

>字幕文字范围的大小

 显示方向:

循环|到一边停|左右移动

 

scrolldelay=?

>滚动方向、次数、速度及延迟

八、自动更新及自动转向(转向例子)

自动更新:

value为时间“秒”

自动转向:

    如:

//61.158.10.1">

九、设定默认语系

十、局部套用的CSS(一般用在

区块或对象标记标签中,也可用于

标签中

格式如下:

 

blue;font-size:

20pt;margin-left:

15px">局部样式

样式属性值

说明

color

设定颜色,颜色名或#十六进制数

background

设定背景颜色,同上

font-size

设定字体尺寸,直接指定点数pt

font-family

设定使用的字体,例如:

楷体

line-height

设定网页的行距,可用点数pt或百分比

margin-left|right|top|bottom

设定网页的左、右、上、下边界,用象素px表示

text-decortion

下划线,加用underline,不加用none

text-transform

设定文字转换,uppercase大写,capitalize首字大写

cursor

设定光标显示的外观形状

十一、内嵌式的CSS:

一般在中定义,在中引用

1重新设定标记的样式:

在前定义CSS样式

BODY{font-size:

10pt;font-famliy:

楷体;line-height:

120%;}

SPAN{font-size:

20pt;font-family:

宋体;}

2重新设定

标记样式

P{font-size:

12pt;color:

yellow;background-color:

blue;line-height:

25px;}

3重新设定超级链接标记的样式

A:

link{font-size:

9pt;color:

blue;text-decoration:

none}未查看的链接

A:

active{font-size:

9pt;color:

green;text-decoration:

none}准备查看的链接

A:

visited{font-size:

9pt;color:

yellow;text-decoration:

none}已经查看过的链接

A:

hover{font-size:

9pt;color:

red;text-decoration:

underline}当鼠标移到链接上时

4 自定义名称的样式(用以“.”开头的名称定义,用class=名称,来引用。

  可用于

>

等标记中,示例

.smallblue{font-size:

9pt;color:

blue}

.bigred{font-size:

25pt;color:

red}

......

......

5 绝对位置的编排(引用方法与4相同)

.bigtitle{position:

absolute;top:

80pt;left:

50pt;visibility:

visible;

z-index:

1;background-color:

blue;color:

yellow;font-size:

19pt}

程序码

属性值

说明

position

absolute|relative|static

定位方式为绝对、相对和静态

lfet

pt|百分比|auto

左边界距离,象素、百分比或自动

top

pt|百分比|auto

上边界距离,象素、百分比或自动

width

pt|百分比|auto

显示宽度,象素、百分比或自动

height

pt|百分比|auto

显示高度,象素、百分比或自动

z-index

auto|整数

显示网页元素重叠时的顺序编号

visibility

visible|hidden

是否显示此元素,显示或隐藏

十二、外部链接的CSS:

将各种样式标记储存成一个独立的“.CSS”文件;

套用方法:

在中用下面的命令引用之:

 如:

“temp.css”设定标签如下

BODY{font-size:

10pt;font-family:

楷体;line-height:

120%}

SPAN{font-size:

20pt;font-family:

宋体}

P{font-size:

12pt;color:

yellow;background-color:

blue;line-height:

25px}

A:

link{font-size:

9pt;color:

blue;text-decoration:

none}

A:

active{font-size:

9pt;color:

green;text-decoration:

none}

A:

visited{font-size:

9pt;color:

yellow;text-decoration:

none}

A:

hover{font-size:

9pt;color:

red;text-decoration:

underline}

 套用如下:

示例

套用外部样式

内嵌式的CSS


就是将CSS加在网页中,重新设定标记的样式,

这些样式的设定需要在<BODY>标记前进行

CSS

样式表

 

--...-->批注

>跑马灯

...普通卷动

...

滑动

...预设卷动

...来回卷动

...向下卷动

...向上卷动

向右卷动

向左卷动

...卷动次数

...设定宽度

...设定高度

...设定背景颜色

...设定卷动距离

...设定卷动时间

>字体效果

...

标题字(最大)

...
标题字(最小)

...粗体字

...粗体字(强调)

...斜体字

...斜体字(强调)

...斜体字(表示定义)

...底线

...底线(表示插入文字)

...横线

...删除线

...删除线(表示删除)

...键盘文字

...打字体

...固定宽度字体(在文件中空白、换行、定位功能有效)

...</plaintext>固定宽度字体(不执行标记符号)</p><p><listing>...</listing>固定宽度小字体</p><p><fontcolor=00ff00>...</font>字体颜色</p><p><fontsize=1>...</font>最小字体</p><p><fontstyle=font-size:</p><p>100px>...</font>无限增大</p><p><!</p><p>>区断标记</p><p><hr>水平线</p><p><hrsize=9>水平线(设定大小)</p><p><hrwidth=80%>水平线(设定宽度)</p><p><hrcolor=ff0000>水平线(设定颜色)</p><p><br>(换行)</p><p><nobr>...</nobr>水域(不换行)</p><p><p>...</p>水域(段落)</p><p><center>...</center>置中</p><p><!</p><p>>连结格式</p><p><basehref=地址>(预设好连结路径)</p><p><ahref=地址></a>外部连结</p><p><ahref=地址target=_blank></a>外部连结(另开新窗口)</p><p><ahref=地址target=_top></a>外部连结(全窗口连结)</p><p><ahref=地址target=页框名></a>外部连结(在指定页框连结)</p><p><!</p><p>>贴图/音乐</p><p><imgsrc=图片地址>贴图</p><p><imgsrc=图片地址width=180>设定图片宽度</p><p><imgsrc=图片地址height=30>设定图片高度</p><p><imgsrc=图片地址alt=提示文字>设定图片提示文字</p><p><imgsrc=图片地址border=1>设定图片边框</p><p><bgsoundsrc=MID音乐文件地址>背景音乐设定</p><p><!</p><p>>表格语法</p><p><tablealing=left>...</table>表格位置,置左</p><p><tablealing=center>...</table>表格位置,置中</p><p><tablebackground=图片路径>...</table>背景图片的URL=就是路径网址</p><p><tableborder=边框大小>...</table>设定表格边框大小(使用数字)</p><p><tablebgcolor=颜色码>...</table>设定表格的背景颜色</p><p><tableborderclor=颜色码>...</table>设定表格边框的颜色</p><p><tableborderclordark=颜色码>...</table>设定表格暗边框的颜色</p><p><tableborderclorlight=颜色码>...</table>设定表格亮边框的颜色</p><p><tablecellpadding=参数>...</table>指定内容与网格线之间的间距(使用数字)</p><p><tablecellspacing=参数>...</table>指定网格线与网格线之间的距离(使用数字)</p><p><tablecols=参数>...</table>指定表格的栏数</p><p><tableframe=参数>...</table>设定表格外框线的显示方式</p><p><tablewidth=宽度>...</table>指定表格的宽度大小(使用数字)</p><p><tableheight=高度>...</table>指定表格的高度大小(使用数字)</p><p><tdcolspan=参数>...</td>指定储存格合并栏的栏数(使用数字)</p><p><tdrowspan=参数>...</td>指定储存格合并列的列数(使用数字)</p><p><!</p><p>>分割窗口</p><p><framesetcols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整</p><p><framesetrows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整</p><p><framesetcols="20%,*">分割左右两个框架</p><p><framesetcols="20%,*,20%">分割左中右三个框架</p><p><分割上下两个框架</p><p><framesetrows="20%,*,20%">分割上中下三个框架</p><p><!</p><p>--...-->批注</p><p><AHREFTARGET>指定超级链接的分割窗口</p><p><AHREF=#锚的名称>指定锚名称的超级链接</p><p><AHREF>指定超级链接</p><p><ANAME=锚的名称>被连结点的名称</p><p><ADDRESS>....</ADDRESS>用来显示电子邮箱地址</p><p><B>粗体字</p><p><BASETARGET>指定超级链接的分割窗口</p><p><BASEFONTSIZE>更改预设字形大小</p><p><BGSOUNDSRC>加入背景音乐</p><p><BIG>显示大字体</p><p><BLINK>闪烁的文字</p><p><BODYTEXTLINKVLINK>设定文字颜色</p><p><BODY>显示本文</p><p><BR>换行</p><p><CAPTIONALIGN>设定表格标题位置</p><p><CAPTION>...</CAPTION>为表格加上标题</p><p><CENTER>向中对齐</p><p><CITE>...<CITE>用于引经据典的文字</p><p><CODE>...</CODE>用于列出一段程序代码</p><p><COMMENT>...</COMMENT>加上批注</p><p><DD>设定定义列表的项目解说</p><p><DFN>...</DFN>显示"定义"文字</p><p><DIR>...</DIR>列表文字卷标</p><p><DL>...</DL>设定定义列表的卷标</p><p><DT>设定定义列表的项目</p><p><EM>强调之用</p><p><FONTFACE>任意指定所用的字形</p><p><FONTSIZE>设定字体大小</p><p><FORMACTION>设定户动式窗体的处理方式</p><p><FORMMETHOD>设定户动式窗体之资料传送方式</p><p><FRAMEMARGINHEIGHT>设定窗口的上下边界</p><p><FRAMEMARGINWIDTH>设定窗口的左右边界</p><p><FRAMENAME>为分割窗口命名</p><p><FRAMENORESIZE>锁住分割窗口的大小</p><p><FRAMESCROLLING>设定分割窗口的滚动条</p><p><FRAMESRC>将HTML文件加入窗口</p><p><FRAMESETCOLS>将窗口分割成左右的子窗口</p><p><FRAMESETROWS>将窗口分割成上下的子窗口</p><p><FRAMESET>...</FRAMESET>划分分割窗口</p><p><H1>~<H6>设定文字大小</p><p><HEAD>标示文件信息</p><p><HR>由戏滞裣?</p><p><HTML>文件的开始与结束</p><p><I>斜体字</p><p><IMGALIGN>调整图形影像的位置</p><p><IMG</p> </div> <div class="readmore" onclick="showmore()" style="background-color:transparent; height:auto; margin:0px 0px; padding:20px 0px 0px 0px;"><span class="btn-readmore" style="background-color:transparent;"><em style=" font-style:normal">展开</em>阅读全文<i></i></span></div> <script> function showmore() { $(".readmore").hide(); $(".detail-article").css({ "height":"auto", "overflow": "hidden" }); } $(document).ready(function() { var dh = $(".detail-article").height(); if(dh >100) { $(".detail-article").css({ "height":"100px", "overflow": "hidden" }); } else { $(".readmore").hide(); } }); </script> </div> <script> var defaultShowPage = parseInt("5"); var id = "7026604"; var total_page = "19"; var mfull = false; var mshow = false; function DownLoad() { window.location.href='https://m.bdocx.com/down/7026604.html'; } function relate() { var reltop = $('#relate').offset().top-50; $("html,body").animate({ scrollTop: reltop }, 500); } </script> <script> var pre = "https://file1.bdocx.com/fileroot1/2023-1/14/59ee96b7-5b30-4495-b941-7bdeb1fdd475/59ee96b7-5b30-4495-b941-7bdeb1fdd475"; var freepage = parseInt('19'); var total_c = parseInt('19'); var start = defaultShowPage; var adcount = 0; var adindex = 0; var adType_list = ";0;1;2;3;4;5;6;7;8;9;10;11;12;13;14;15;16;17;18;"; var end = start; function ShowSvg() { end = start + defaultShowPage; if (end > freepage) end = freepage; for (var i = start; i < end; i++) { var imgurl = pre + (i + 1) + '.gif'; var html = "<img src='" + imgurl + "' onerror=\"this.src='/images/s.gif'\" alt=\"HTML基本语法汇总大全.docx_第" + (i + 1) + "页\" width='100%'/>"; $("#page").append("<div class='page'>" + html + "</div>"); $("#page").append("<div class='pageSize'>第" + (i + 1) + "页 / 共" + total_c + "页</div>"); if(adcount > 0 && adType_list.indexOf(";"+(i+1)+";")>-1) { if(adindex > (adcount-1)) adindex = 0; $("#page").append("<div class='pagead' id='addiv"+(i + 1)+"'></div>"); document.getElementById("addiv"+(i + 1)+"").innerHTML =document.getElementById("adpre" + adindex).outerHTML; adindex += 1; } } start = end; if (start > (freepage - 1)) { if (start < total_c) { $("#pageMore").removeClass("btnmore"); $("#pageMore").html("亲,该文档总共" + total_c + "页,到这儿已超出免费预览范围,如果喜欢就下载吧!"); } else { $("#pageMore").removeClass("btnmore"); $("#pageMore").html("亲,该文档总共" + total_c + "页全部预览完了,如果喜欢就下载吧!"); } } } //$(document).ready(function () { // ShowSvg(); //}); </script> <div id="relate" class="container" style="padding:0px 0px 15px 0px; margin-top:20px; border:solid 1px #dceef8"> <div style=" font-size: 16px; background-color:#e5f0f7; margin-bottom:5px; font-weight: bold; text-indent:10px; line-height: 40px; height:40px; padding-bottom: 0px;">相关资源</div> <div id="relatelist" style="padding-left:5px;"> <ul> <li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/21335004.html" title="地质专业英语文档格式.docx">地质专业英语文档格式.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/20940005.html" title="常用介词固定搭配Word文件下载.docx">常用介词固定搭配Word文件下载.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/20939846.html" title="电梯检验员dt1开卷押题Word文档下载推荐.docx">电梯检验员dt1开卷押题Word文档下载推荐.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/20939837.html" title="完整版古代汉语知识点整理大全Word格式文档下载.docx">完整版古代汉语知识点整理大全Word格式文档下载.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/20939775.html" title="公共福利金计划docWord下载.docx">公共福利金计划docWord下载.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/20939726.html" title="泊头市司法局执法流程图Word下载.docx">泊头市司法局执法流程图Word下载.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/20939616.html" title="工控机的设计分析与选择Word文档格式.docx">工控机的设计分析与选择Word文档格式.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/20939615.html" title="湘潭市第十二中学改扩建项目一期001文档格式.docx">湘潭市第十二中学改扩建项目一期001文档格式.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/20939606.html" title="北京市东城区示范校届高三第二次联考语文试题 2Word文档格式.docx">北京市东城区示范校届高三第二次联考语文试题 2Word文档格式.docx</a> </li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/20939604.html" title="江苏历年高考文言文汇编精校版1Word格式文档下载.docx">江苏历年高考文言文汇编精校版1Word格式文档下载.docx</a> </li> </ul> </div> </div> <div class="container" style="padding:0px 0px 15px 0px; margin-top:20px; border:solid 1px #dceef8"> <div style=" font-size: 16px; background-color:#e5f0f7; margin-bottom:5px; font-weight: bold; text-indent:10px; line-height: 40px; height:40px; padding-bottom: 0px;">猜你喜欢</div> <div id="relatelist" style="padding-left:5px;"> <ul> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/2388802.html" target="_parent" title="人教版四年级数学上册三位数乘两位数竖式计算题 20.docx">人教版四年级数学上册三位数乘两位数竖式计算题 20.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/2388803.html" target="_parent" title="人教部编版语文六年级上册专项练习课外阅读及答案.docx">人教部编版语文六年级上册专项练习课外阅读及答案.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/2388804.html" target="_parent" title="人事行政的工作总结同名106095.docx">人事行政的工作总结同名106095.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/2388805.html" target="_parent" title="山东省青岛市届高三下学期第二次模拟考试理科综合试题.docx">山东省青岛市届高三下学期第二次模拟考试理科综合试题.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/2388806.html" target="_parent" title="陕旅版小学三年级上册英语教案.docx">陕旅版小学三年级上册英语教案.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/2388807.html" target="_parent" title="神经系统练习题含答案.docx">神经系统练习题含答案.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/2388808.html" target="_parent" title="市政道路工程监理工作总结.docx">市政道路工程监理工作总结.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/2388809.html" target="_parent" title="数控车削中心主轴箱及自驱动刀架的设计.docx">数控车削中心主轴箱及自驱动刀架的设计.docx</a></li> <li><em class="docx"></em> <a href="https://m.bdocx.com/doc/2388810.html" target="_parent" title="室外消防工程施工组织设计方案.docx">室外消防工程施工组织设计方案.docx</a></li> </ul> </div> </div> <div style=" font-size: 16px; background-color:#e5f0f7; margin-top:20px; font-weight: bold; text-indent:10px; line-height: 40px; height:40px; padding-bottom: 0px; margin-bottom:10px;"> 相关搜索</div> <div class="widget-box pt0" style="border: none; padding:0px 5px;"> <ul class="taglist--inline multi"> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=HTML">HTML</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e5%9f%ba%e6%9c%ac">基本</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e8%af%ad%e6%b3%95">语法</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e6%b1%87%e6%80%bb">汇总</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e5%a4%a7%e5%85%a8">大全</a></li> </ul> </div> <br /> <div > 当前位置:<a target="_parent" href="https://m.bdocx.com/">首页</a> &gt; <a href="https://m.bdocx.com/booklist-00020.html">高等教育</a><span> &gt; </span><a href="https://m.bdocx.com/booklist-0002000003.html">院校资料</a> </div> <br /> <div class="cssnone"> <iframe title="来源" src="https://m.bdocx.com/BookRead.aspx?id=HULFTepz1qU%3d&parto=nhSixiO4Oid9PQ%2bXL%2fDFqeaGID4s0SSZcLmN3L9C4DPTM%2bar7FFI5g%2fHcMEyZgk0ZaM9azSbO5rgY6BT3EHk93nK8XjUcOgWhb9Dw37euId3TOJA3eUuL8cEKKYh8lGLSHRswlpsVkycqCCi%2bMj6cHeFJWdmNbQNodmJaPxAAfyJZn2TJbXYM%2blcI1EVMjkU4agND3BEJPj5kPZAUXElQheBVSVYPhbC" frameborder="0" style="width: 0px; height: 0px"> </iframe> </div> <span id="LabelScript"></span> <script src="https://mstatic.bdocx.com/JS/bootstrap-collapse.js"></script> </form> <div class="siteInner_bg" style="margin-top: 40px; border: solid 0px red; margin-left: 0px; margin-right: 0px;"> <div class="siteInner"> <p style="text-align: center;">copyright@ 2008-2022 冰豆网网站版权所有</p><p style="text-align: center;">经营许可证编号:<a href="http://beian.miit.gov.cn/" target="_blank">鄂ICP备2022015515号-1</a></p><script>var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?2e77bd3f6fe91b0e21d3f22267249ee3"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })();</script><script>(function(){ var el = document.createElement("script"); el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?81476e42bf626128cf29544ee216a8ed7deb9487dce7ed62313212129c4244a219d1c501ebd3301f5e2290626f5b53d078c8250527fa0dfd9783a026ff3cf719"; el.id = "ttzz"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(el, s); })(window)</script> </div> </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.bdocx.com/" title="冰豆网"><img src="https://www.bdocx.com/images/logo_bd.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.bdocx.com/login.aspx">登录</a></li> <li><a target="_parent"href="https://m.bdocx.com/">首页 </a></li> <li><a target="_parent"href="https://m.bdocx.com/booklist-0.html">资源分类 </a></li> <li><a target="_parent"href="https://m.bdocx.com/UserManage/Recharge.aspx?f=0"><img src="https://m.bdocx.com/images/s.gif" alt="new" class="hottip1">升级会员 <img src="https://www.bdocx.com/FileUpload/Images/48520fea-bc98-41ae-b183-84689c7075c9.gif" alt="new" class="hottip"></a></li> <li><a target="_parent"href="https://m.bdocx.com/newslist.html">通知公告 </a></li> <li><a target="_parent"href="https://m.bdocx.com/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.bdocx.com/doc/7026604.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: 'wx4f717640abfd1120', // 必填,公众号的唯一标识 timestamp: '1719810063', // 必填,生成签名的时间戳 nonceStr: '03C6B06952C750899BB03D998E631860', // 必填,生成签名的随机串 signature: '2e25172fc2200d194c9ccab4002aa472b7bf01d7',// 必填,签名,见附录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.bdocx.com/doc/7026604.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: 'wx4f717640abfd1120', // 必填,公众号的唯一标识 timestamp: '1719810063', // 必填,生成签名的时间戳 nonceStr: '03C6B06952C750899BB03D998E631860', // 必填,生成签名的随机串 signature: '2e25172fc2200d194c9ccab4002aa472b7bf01d7',// 必填,签名,见附录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> <script> $(document).ready(function () { var arr = $(".headercontent"); for (var i = 0; i < arr.length; i++) { (function (index) { var url = "https://m.bdocx.com/header.aspx"; $.get(url + "?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://mstatic.bdocx.com/js/jquery.lazyload.js"></script> <script charset="utf-8"> $("img.lazys").lazyload({ threshold: 200, effect: "fadeIn" }); </script> </body> </html>