html的基本标签含义.docx
《html的基本标签含义.docx》由会员分享，可在线阅读，更多相关《html的基本标签含义.docx（10页珍藏版）》请在冰豆网上搜索。
:
表示html文件的起始和终止，标签在首行，标签在最后一行，两个要一起使用，网页中其他内容都要放在这两个标签之间。
:
表示网页的头部标签，用来定义文件的头部信息，与标签一样，也是
成对使用。
:
表示出文件主体区，
之间是网页的主题内容和其他用于控制文本显示方式的标签。
:</p><p>网页标题，用于定义浏览器窗口标题栏上的文本信息，可以是网页的标题名或创作信息等网页说明信息。</p><p><hr>:</p><p>用于显示水平线，使页面看起来更整齐明了。</p><p><pre>:</p><p>将内容以原始格式显示。</p><p><address>:</p><p>标注联络人姓名、电话、地址等信息。</p><p><blockquote>:</p><p>区段引用标签。</p><p><!</p><p>————>:</p><p>注释标签，使用注释标签的目的是为网页代码中不同部分加上说明，方便日后的修改。</p><p>注释的内容是不会在浏览器上显示出来的，如<——要注释的内容——>。</p><p><p>:</p><p>文本段落，可以用align属性设置left、center、right3种对齐方式。</p><p><br/>:</p><p>强制换行，没有结束标签，在网页中产生换行效果。</p><p><center>:</p><p>使文字或其他网页元素居中显示。</p><p><marquee>:</p><p>文本或图片移动显示，属性direction用来指示移动方向。</p><p><dl>、<dt>、<dd>:</p><p><dl></dl>标签创建无序列表，<dt></dt>定义上层项目，<dd>、</dd>定义下层项目，<dt>、</dt>和<dd></dd>标签一定要放在<dl></dl>标签中才能使用。</p><p><ul>、<ol>、<li>:</p><p><ol></ol>标签创建有序列表，<ul></ul>标签创建无序列表，<li>、</li>定义下层项目，<li>、</li>标签一定要放在<ol></ol>或<ul></ul>标签中才能使用。</p><p><dir>:</p><p>目录式列表。</p><p><menu>:</p><p>菜单式列表。</p><p><hi>:</p><p>i=1,2,......,6,网页中文本标题，<h1></h1>显示最大的字号，<h6></h6>显示最小的字号。</p><p><b>:</p><p>粗字体。</p><p><i>:</p><p>斜字体。</p><p><font>:</p><p>改变字体设置，有face、size、color3个属性来控制，face设置字体，size设置字号，color设置颜色。</p><p><big>:</p><p>加大字号。</p><p><small>:</p><p>缩小字号。</p><p><em>:</p><p>斜体标签。</p><p><a>:</p><p>建立超链接，有href、target、name等重要属性，其中href属性为<a>标签必须具备的属性。</p><p>lhref属性。</p><p>设置目标页面的链接地址，可以是绝对地址也可以是相对地址，如果为“#”表示空链接。</p><p>ltarget属性。</p><p>设置超链接的打开方式，共5种：</p><p>_blank指在新窗口中打开，_parent指在上一级窗口中打开，_self指在同一窗口打开，_top指在浏览器的整个窗口中打开，new指在新窗口中打开。</p><p>lname属性。</p><p>创建一个命名锚记，使用命名锚记后，会让链接直接跳转到一个页面的某一部分。</p><p><img>:</p><p>图像标签，用于网页中插入图像。</p><p><img>标签拥有以下属性。</p><p>lsrc属性。</p><p>该属性为<img>标签必须具备的属性，指存放图片的具体路径。</p><p>lwidth属性。</p><p>图像的宽度。</p><p>lheight属性。</p><p>图像的高度。</p><p>lalt属性。</p><p>图像的注释，也就是代替文字。</p><p>lalign属性。</p><p>图像的对齐属性，值baseline为基线对齐，值top为顶端对齐，值middle为居中，值bottom为底端对齐，值texttop为文本上方对齐，值absmiddle为绝对居中，值absbottom为绝对底端对齐，值left为左，值right为右。</p><p>lborder属性。</p><p>图像的边框的宽度，值大于或等于0，以像素（px）为单位。</p><p>lvspace属性。</p><p>图像的垂直边距，图像与页面或文本之间的垂直边距。</p><p>lhspace属性。</p><p>图像的水平边距。</p><p><table>:</p><p>定义表格区域。</p><p><caption>:</p><p>定义表格标题。</p><p><th>:</p><p>定义表格头部。</p><p><tr>:</p><p>定义表格行。</p><p><td>:</p><p>定义单元格。</p><p><div>:</p><p>区域标签（又称容器标签），用来作为多种HTML标签的组合的容器，对该区域块进行操作和设置，就可以完成对区域块中元素的操作和设置，Div能让网页代码具有很高的可扩展性。</p><p><span>:</p><p>文字图片等简短内容的容器，其意义有点类似Div，但是和Div不一样的是，span是文本级元素，默认不会占整行，可以在一行显示多个span。</p><p>span常在段落、列表条目等项目中使用，该标签不能嵌套在其他的封闭级元素中。</p><p>p{text-indent:</p><p>2em;}表示首行缩进两字符。</p><p>line-height表示行间距，p{line-height:</p><p>2em;}表示行间距（行高）为两字符。</p><p> letter-spacing表示字母与字母之间的间距，word-spacing表示英文单词之间的间距。</p><p>text-align:</p><p>center；表示居中对齐，text-align:</p><p>left;表示居左对齐，text-align:</p><p>right;表示居右对齐。</p><p>在CSS中，html中的标签元素大体被分为三种不同的类型：</p><p>块状元素、内联元素（又叫行内元素）和内联块状元素。</p><p>常用的块状元素有：</p><p><div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote>、<form></p><p>常用的内联元素有：</p><p><a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code></p><p>常用的内联块状元素有：</p><p><img>、<input></p><p>在html中<div>、<p>、<h1>、<form>、<ul>和<li>就是块级元素。</p><p>设置display:</p><p>block就是将元素显示为块级元素。</p><p>将内联元素a转换为块状元素表示为a{display:</p><p>block;}</p><p>块级元素特点：</p><p>1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。</p><p>（真霸道，一个块级元素独占一行）</p><p>2、元素的高度、宽度、行高以及顶和底边距都可设置。</p><p>3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。</p><p>在html中，<span>、<a>、<label>、<strong>和<em>就是典型的内联元素（行内元素）。</p><p>块状元素也可以通过代码display:</p><p>inline将元素设置为内联元素。</p><p>如：</p><p>div{display:</p><p>inline;}块状元素div转换为内联元素，从而使div元素具有内联元素特点。</p><p>内联元素特点：</p><p>1、和其他元素都在一行上；</p><p>2、元素的高度、宽度及顶部和底部边距不可设置；</p><p>3、元素的宽度就是它包含的文字或图片的宽度，不可改变。</p><p>内联块状元素（inline-block）就是同时具备内联元素、块状元素的特点，代码display:</p><p>inline-block就是将元素设置为内联块状元素。</p><p>（css2.1新增），<img>、<input>标签就是这种内联块状标签。</p><p>内联块状元素特点：</p><p>1、和其他元素都在一行上；</p><p>2、元素的高度、宽度、行高以及顶和底边距都可设置。</p><p>border-style（边框样式）常见样式有：</p><p>dashed（虚线）|dotted（点线）|solid（实线）。</p><p>border-color（边框颜色）中的颜色可设置为十六进制颜色，如:</p><p>border-color:</p><p>#888;//前面的井号不要忘掉。</p><p>border-width（边框宽度）中的宽度也可以设置为：</p><p>thin|medium|thick（但不是很常用），最常还是用象素（px）。</p><p>只设置下（上、右、左）边框的设置：</p><p>div{border-bottom:</p><p>1pxsolidred;}</p><p>border-top:</p><p>1pxsolidred;</p><p>border-right:</p><p>1pxsolidred;</p><p>border-left:</p><p>1pxsolidred;</p><p>元素内容与边框之间是可以设置距离的，称之为“填充”。</p><p>填充也可分为上、右、下、左（顺时针）。</p><p>如下代码：</p><p>div{padding:</p><p>20px10px15px30px;}</p><p>如果上、右、下、左的填充都为10px;可以这么写</p><p>div{padding:</p><p>10px;}</p><p>如果上下填充一样为10px，左右一样为20px，可以这么写：</p><p>div{padding:</p><p>10px20px;}</p><p>元素与其它元素之间的距离可以使用边界（margin）来设置。</p><p>边界也是可分为上、右、下、左。</p><p>如下代码：</p><p>div{margin:</p><p>20px10px15px30px;}</p><p>如果上右下左的边界都为10px;可以这么写：</p><p>div{margin:</p><p>10px;}</p><p>如果上下边界一样为10px，左右一样为20px，可以这么写：</p><p>div{margin:</p><p>10px20px;}</p><p>总结一下：</p><p>padding和margin的区别，padding在边框里，margin在边框外。</p><p>流动模型</p><p>第一点，块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。</p><p>实际上，块状元素都会以行的形式占据位置。</p><p>第二点，在流动模型下，内联元素都会在所处的包含元素内从左到右水平分布显示。</p><p>（内联元素可不像块状元素这么霸道独占一行）</p><p>浮动模型</p><p>任何元素在默认情况下是不能浮动的，但可以用CSS定义为浮动，如div、p、table、img等元素都可以被定义为浮动。</p><p>（在设置完边框数据后设置浮动模型）</p><p>并排显示左对齐：</p><p>float:</p><p>left;</p><p>一左一右显示：</p><p>#div1{float:</p><p>left;}</p><p>#div2{float:</p><p>right;}</p><p>并排显示右对齐：</p><p>float:</p><p>right;</p><p>层模型</p><p>层模型有三种形式：</p><p>1、绝对定位（position:</p><p>absolute）2、相对定位（position:</p><p>relative）3、固定定位（position:</p><p>fixed）</p><p>如果想为元素设置层模型中的绝对定位，需要设置position:</p><p>absolute（表示绝对定位），这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。</p><p>如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口。</p><p>如下面代码可以实现div元素相对于浏览器窗口向右移动100px，向下移动50px。</p><p>div{</p><p>width:</p><p>200px;</p><p>height:</p><p>200px;</p><p>border:</p><p>2pxredsolid;</p><p>position:</p><p>absolute;</p><p>left:</p><p>100px;</p><p>top:</p><p>50px;</p><p>}</p><p><divid="div1"></div></p><p>（要向什么方向移动就输入多少距离就输入相反的方向和距离）</p><p>如果想为元素设置层模型中的相对定位，需要设置position:</p><p>relative（表示相对定位），它通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。</p><p>相对定位完成的过程是首先按static（float）方式生成一个元素（并且元素像层一样浮动了起来），然后相对于以前的位置移动，移动的方向和幅度由left、right、top、bottom属性确定，偏移前的位置保留不动。</p><p>如下代码实现相对于以前位置向下移动50px，向右移动100px;</p><p>#div1{</p><p>width:</p><p>200px;</p><p>height:</p><p>200px;</p><p>border:</p><p>2pxredsolid;</p><p>position:</p><p>relative;</p><p>lef</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 = "154284";
var total_page = "10";
var mfull = false;
var mshow = false;
function DownLoad() {
window.location.href='https://m.bdocx.com/down/154284.html';
}
function relate() {
var reltop = $('#relate').offset().top-50;
$("html,body").animate({ scrollTop: reltop }, 500);
}
</script>
<script> var pre = "https://file1.bdocx.com/fileroot1/2022-10/4/a042b666-5a28-4154-bbe8-f2504d9c8a68/a042b666-5a28-4154-bbe8-f2504d9c8a68";
var freepage = parseInt('10');
var total_c = parseInt('10');
var start = defaultShowPage;
var adcount = 0;
var adindex = 0;
var adType_list = ";0;1;2;3;4;5;6;7;8;9;";
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="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872959.html" title="《医院隔离技术标准》解读版.pptx">《医院隔离技术标准》解读版.pptx</a>
</li><li><em class="doc"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872931.html" title="液压机械手臂毕业设计论文.doc">液压机械手臂毕业设计论文.doc</a>
</li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872820.html" title="科技创新引领世界领先地位.pptx">科技创新引领世界领先地位.pptx</a>
</li><li><em class="doc"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872701.html" title="机械伤害应急演练方案范本.doc">机械伤害应急演练方案范本.doc</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872594.html" title="公司综合部工作总结.docx">公司综合部工作总结.docx</a>
</li><li><em class="docx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872506.html" title="古典诗词鉴赏学习通超星课后章节答案期末考试题库2023年.docx">古典诗词鉴赏学习通超星课后章节答案期末考试题库2023年.docx</a>
</li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872430.html" title="会阴Ⅲ度、Ⅳ度裂伤与缝合ppt课件.ppt">会阴Ⅲ度、Ⅳ度裂伤与缝合ppt课件.ppt</a>
</li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872175.html" title="最新国有企业管理人员处分条例讲解PPT.pptx">最新国有企业管理人员处分条例讲解PPT.pptx</a>
</li><li><em class="pptx"/></em><a target="_parent" href="https://m.bdocx.com/doc/30872070.html" title="幼儿园小班科学教育活动《认识图形》PPT模板.pptx">幼儿园小班科学教育活动《认识图形》PPT模板.pptx</a>
</li><li><em class="ppt"/></em><a target="_parent" href="https://m.bdocx.com/doc/30871869.html" title="航天中的化学知识-文档资料.ppt">航天中的化学知识-文档资料.ppt</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/37003.html" target="_parent" title="三年级数学奥数计算题精选65.docx">三年级数学奥数计算题精选65.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/37004.html" target="_parent" title="最新物业工程部运营与管理.docx">最新物业工程部运营与管理.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/37005.html" target="_parent" title="中考化学常见的化学反应燃烧专题训练题.docx">中考化学常见的化学反应燃烧专题训练题.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/37006.html" target="_parent" title="专用机械项目投资方案.docx">专用机械项目投资方案.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/37007.html" target="_parent" title="最新中学生六大核心素养与高考作文.docx">最新中学生六大核心素养与高考作文.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/37008.html" target="_parent" title="山东省兰陵县第二中学届高三复习阶段性检测一语文试题.docx">山东省兰陵县第二中学届高三复习阶段性检测一语文试题.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/37009.html" target="_parent" title="实用XX银行支行私人银行客户经理助理竞聘面试演讲稿.docx">实用XX银行支行私人银行客户经理助理竞聘面试演讲稿.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/37010.html" target="_parent" title="最新业务学习工作计划.docx">最新业务学习工作计划.docx</a></li>
<li><em class="docx"></em>
<a href="https://m.bdocx.com/doc/37011.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=%e6%a0%87%e7%ad%be">标签</a></li> <li class="tagPopup"><a target="_parent" class="tag tagsearch" rel="nofollow" href="https://m.bdocx.com/search.html?q=%e5%90%ab%e4%b9%89">含义</a></li> </ul>
</div>
<br />
<div >
当前位置：<a target="_parent" href="https://m.bdocx.com/">首页</a> >
<a href="https://m.bdocx.com/booklist-00023.html">考试认证</a><span> > </span><a href="https://m.bdocx.com/booklist-0002300005.html">IT认证</a>
</div>
<br />
<div class="cssnone">
<iframe title="来源" src="https://m.bdocx.com/BookRead.aspx?id=ofDudBJBBlQ%3d&parto=S8hmdysbqrtRsyV%2fzl5Nc8DMTnBLUHGanJbd5xIL%2bneIDKYqUHUR3h3hcvBgT1RBtgGnQxkJCO20Aq6RCKAJcP9lOvsGyYTufCMZagfDgoE5Ftj6p3kednwhqOAc2ZxUTPRGn3uxk7Zt6dUI57u0dN7nkEUcZDs2HSEfETLoeWPW16R7UyU6OsEk47TweSwdGBajA3mAHVwp73%2fWuF8bu4SO8bvddguc" 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/154284.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识
timestamp: '1730779635', // 必填，生成签名的时间戳
nonceStr: '9CC138F8DC04CBF16240DAA92D8D50E2', // 必填，生成签名的随机串
signature: 'd76abee75703c52c57cf1ead4fa7932c78e44389',// 必填，签名，见附录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/154284.html";
if (wx) {
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: 'wx4f717640abfd1120', // 必填，公众号的唯一标识
timestamp: '1730779635', // 必填，生成签名的时间戳
nonceStr: '9CC138F8DC04CBF16240DAA92D8D50E2', // 必填，生成签名的随机串
signature: 'd76abee75703c52c57cf1ead4fa7932c78e44389',// 必填，签名，见附录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>