用htc组件制作windows选项卡

更新时间：2016年9月20日 19:03 点击：1528

在网页中模拟制作windows风格选项卡的方法可以有很多种，这里向大家介绍一个比较简单的方法——用htc组件制作。

　　使用htc的好处是可以自由调用，有点批处理的感觉，例如你有很多网页都要用到这个选项卡，那么你只要做一个htc就可以了，然后在不同的网页中分别调用，而不必重复制作。使用起来很方便，可以节约很多时间。

　　示例页面如下，文章末尾提供源文件下载。

　　具体制作方法如下：

　　一、下载mpc.htc

　　首先去微软站点下载一个名为mpc.htc的组件，这是制作windows选项卡的原材料。

　　二、编辑网页，调用mpc.htc

　　1、将html标签写成：

　　<HTML xmlns:mpc>　　2、建立样式行为：

　　<STYLE> 　　　mpc:container,mpc:page{ 　　　　behavior:url(mpc.htc); 　　　} 　　</STYLE> 　　即mpc:container和mpc:page均用行为调用mpc.htc

　　3、具体内容调用：

<BODY> <div> <mpc:container STYLE="width:400; height:200"> 　　<mpc:page 　　　　ID="name" 　　　　TABTITLE="这里的内容会被鼠标提示" 　　　　TABTEXT="这里是选项卡标签的内容"> 　　这里是选项卡的具体内容　　</mpc:page> 　　<mpc:page TABTITLE="" TABTEXT=""> 　　</mpc:page> </mpc:container> </div> </BODY>
　　这里＜mpc:container＞标签中用style样式的width和height确定整个选项卡的宽度和高度；然后在＜mpc:page＞……＜/mpc:page＞标签间中加入选项卡的具体内容，有几个选项就用几组＜mpc:page＞……＜/mpc:page＞标签。

　　后附文章中windows选项卡示例页面的代码。

附文章中windows选项卡示例页面的代码：

<HTML xmlns:mpc> <HEAD> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <TITLE>mpc</TITLE> <STYLE> mpc:container,mpc:page{ 　　behavior:url(mpc.htc); } </STYLE> </HEAD> <BODY BGCOLOR="#FFFFFF" ONLOAD="oMPC.style.visibility='visible'" text="#000000"> <div style="position:absolute;height:200;width:400;margin-top:20"> <mpc:container ID="oMPC" STYLE="width:400; height:200; visibility:hidden"> 　　<mpc:page ID="tab1" TABTITLE="这是一个表格" TABTEXT="表格 "> 　　　　<table ALIGN="CENTER" STYLE="border:1 solid;font:20pt; 　　　　　　width:300; height:150; color:white"> 　　　　<tr><td VALIGN="MIDDLE" ALIGN="CENTER">这是一个表格</td></tr> 　　　　</table> 　　</mpc:page> 　　<mpc:page ID="tab2" TABTITLE="这里可以写入文本" TABTEXT="文本文字 "> 　　　　<div STYLE="padding:12px; font:10pt; font-style:italic"> 　　　　　　请在这里写入文字…… 　　　　</div> 　　</mpc:page> 　　<mpc:page ID="tab3" TABTITLE="这是图象" TABTEXT="图象 "> 　　　　</di <P>　　LOGO的应用一直是CIS导入的基础和最直接的表现形式，其重要性是不言而喻的，网络标识的设计尤其如此。</P> <P>　　<STRONG>一、标识的职能：</STRONG></P> <P>　　作为独特的传媒符号，标识（LOGO）一直成为传播特殊信息的视觉文化语言。具信，最早的符合CIS精神的标识实例，是2433年前陪葬我国楚地的曾侯乙的一只戟上的"曾"字型图标。无论从古时繁复的欧式徽标、中式龙文，到现代洗练的抽象纹样、简单字标等都是在实现着标识被标识体的目的，即：</P> <P>　　通过对标识的识别、区别、引发联想、增强记忆，促进被标识体与其对象的沟通与交流，从而树立并保持对被标识体的认知、认同，达到高效提高认知度、美誉度的效果。作为时代的前卫，网络LOGO的设计，更应遵循CIS的整体规律并有所突破。</P> <P>　　<STRONG>二、网络LOGO设计的基本应用原理：</STRONG></P> <P>　　在网络LOGO设计中极为强调统一的原则。统一并不是反复某一种设计原理，应该是将其他的任何设计原理如：主导性、从属性、相互关系、均衡、比例、反复、反衬、律动、对称、对比、借用、调和、变异等设计人员所熟知的各种原理，正确地应用于设计的完整表现。统一也可解释为，共通以上所述各原理，而更高、更概括、更综合的原理。</P> <P>　　构成LOGO要素的各部分，一般都具有一种共通性及差异性，这个差异性又称为独特性，或叫做变化，而统一是将多样性提炼为一个主要表现体，称为多样统一的原理。统一在各部分之中的要素中，有一个大小、材质、位置等具有支配全体的作用的要素，被称为支配。精确把握对象的多样统一并突出支配性要素，是设计网络LOGO必备技术因素。</P> <P>　　网络LOGO所强调的辨别性及独特性，导致相关图案字体的设计也要和被标识体的性质有适当的关联，并具备类似风格的造型。</P> <P>　　记得最近EASTECHO的网友论坛重新开张之时，就有小魔女对论坛的LOGO表示了异议，一个简单印刷字体的LOGO与浪子固有的独特风格、精益求精的品质有较大背离，并与整个网站LOGO缺乏联系，从而产生认知的歧义。不过作为充斥英文LOGO的浪子网站，做了中文LOGO尝试，算个突破吧。</P> <P>　　网络LOGO设计更应注重是一种对事物张力的把握，在浓缩了文化、背景、对象、理念及各种设计原理的基调上，实现对象最冲动的视觉体现。也可以理解为一种最受制约的冲动，在任何方面的张力不足的情况下，精心设计的LOGO常会因为不理解、不认同、不现实、不前卫、不艺术、不朴实等相互矛盾的理由而被用户拒绝或为受众排斥、遗忘。所以恰到好处的理解用户及LOGO的应用对象，是少做无用功的不二法门。不考虑国情和用户的认识水平，对自身设计能力估计不足都是要不得的。在国内给哪个卖计算机的老板设计个$300万的朗讯红圈LOGO，很容易被看作是骗钱的。</P> <P>　　<STRONG>三、网络LOGO的表现形式：</STRONG></P> <P>　　作为具有传媒特性的LOGO，为了在最有效的空间内实现所有的视觉识别功能，一般是通过特示图案及特示文字的组合，达到对被标识体的出示、说明、沟通、交流从而引导受众的兴趣、达到增强美誉、记忆等目的。</P> <P>　　表现形式的组合方式一般分为特示图案，特示字体，合成字体。</P> <P>　　<FONT color=#0000ff>1、特示图案：</FONT></P> <P>　　属于表象符号，独特、醒目、图案本身易被区分、记忆，通过隐寓、联想、概括、抽象等绘画表现方法表现被标识体，对其理念的表达概括而形象，但与被标识体关联性不够直接，受众容易记忆图案本身，但对被标识体的关系的认知需要相对较曲折的过程，但一旦建立联系，印象较深刻，对被标识体记忆相对持久。</P> <P>　　所以对持久记忆要求高时应设计良好的特示图案形象，较好的设计如苹果公司的牙印苹果，对图案LOGO的面向推广的各种要素都把握的恰到好处，另外一些情况下，希望在较短期限内建立形象的，还应该设计相应的吉祥物，以类似苹果这样耳熟能详的概念，强化沟通和理解。</P> <P>　　在现代精神快餐的时代，朗讯的红圈也在成为时尚。不过这类设计在国内还只有设计公司的网站才能接收吧，但有线电视的一个最新的影视综艺节目的LOGO就出现了螺旋型的朗讯红圈，可叹借鉴时大胆有余，创意不足了。</P> <P>　　<FONT color=#0000ff>2、特示文字：</FONT></P> <P>　　属于表意符号。在沟通与传播活动中，反复使用的被标识体的名称或是其产品名，用一种文字形态加以统一。涵义明确、直接，与被标识体的联系密切，易于被理解，认知，对所表达的理念也具有说明的作用，但因为文字本身的相似性易模糊受众对标识本身的记忆，从而对被标识体的长久记忆发生弱化。</P> <P>　　所以特示文字，一般作为特示图案的补充，要求选择的字体应与整体风格一致，应尽可能做全新的区别性创作。</P> <P>　　完整的LOGO设计，尤其是有中国特色的LOGO设计，在国际化的要求下，一般都应考虑至少有中英文双语的形式，要考虑中英文字的比例，搭配、一般要有图案中文、图案英文、图案中英文、及单独的图案、中文、英文的组合形式。有的还要考虑繁体、其他特定语言版本等。另外还要兼顾标识或文字展开后的应用是否美观，这一点对背景等的制作十分必要，有利于追求符号扩张的效果。</P> <P></ <P>　　有许多种原因可能导致Web站点无法正常工作，这使得系统地检查所有问题变得很困难。下面将集中分析总结导致Web站点崩溃的最常见的问题。如果可以解决这些常规问题，那么也将有能力对付出现的一些意外情况。</P> <P>　　<STRONG>磁盘已满</STRONG><BR> <BR>　　导致系统无法正常运行的最可能的原因是磁盘已满。一个好的网络管理员会密切关注磁盘的使用情况，隔一定的时间，就需要将磁盘上的一些负载转存到备份存储介质中(例如磁带)。</P> <P>　　日志文件会很快用光所有的磁盘空间。Web服务器的日志文件、SQL*Net的日志文件、JDBC日志文件，以及应用程序服务器日志文件均与内存泄漏有同等的危害。可以采取措施将日志文件保存在与操作系统不同的文件系统中。日志文件系统空间已满时Web服务器也会被挂起，但机器自身被挂起的几率已大大减低。</P> <P>　　<STRONG>C指针错误</STRONG></P> <P>　　用C或C++编写的程序，如Web服务器API模块，有可能导致系统的崩溃，因为只要间接引用指针(即，访问指向的内存)中出现一个错误，就会导致操作系统终止所有程序。另外，使用了糟糕的C指针的Java模拟量(analog)将访问一个空的对象引用。Java中的空引用通常不会导致立刻退出JVM，但是前提是程序员能够使用异常处理方法恰当地处理错误。在这方面，Java无需过多的关注，但使用Java对可靠性进行额外的度量则会对性能产生一些负面影响。</P> <P>　　<STRONG>内存泄漏</STRONG></P> <P>　　C/C++程序还可能产生另一个指针问题：丢失对已分配内存的引用。当内存是在子程序中被分配时，通常会出现这种问题，其结果是程序从子程序中返回时不会释放内存。如此一来，对已分配的内存的引用就会丢失，只要操作系统还在运行中，则进程就会一直使用该内存。这样的结果是，曾占用更多的内存的程序会降低系统性能，直到机器完全停止工作，才会完全清空内存。</P> <P>　　解决方案之一是使用代码分析工具(如Purify)对代码进行仔细分析，以找出可能出现的泄漏问题。但这种方法无法找到由其他原因引起的库中的泄漏，因为库的源代码是不可用的。另一种方法是每隔一段时间，就清除并重启进程。Apache的Web服务器就会因这个原因创建和清除子进程。</P> <P>　　虽然Java本身并无指针，但总的说来，与C程序相比，Java程序使用内存的情况更加糟糕。在Java中，对象被频繁创建，而直到所有到对象的引用都消失时，垃圾回收程序才会释放内存。即使运行了垃圾回收程序，也只会将内存还给虚拟机VM，而不是还给操作系统。结果是：Java程序会用光给它们的所有堆，从不释放。由于要保存实时(Just In Time，JIT)编译器产生的代码，Java程序的大小有时可能会膨胀为最大堆的数倍之巨。</P> <P>　　还有一个问题，情况与此类似。从连接池分配一个数据库连接，而无法将已分配的连接还回给连接池。一些连接池有活动计时器，在维持一段时间的静止状态之后，计时器会释放掉数据库连接，但这不足以缓解糟糕的代码快速泄漏数据库连接所造成的资源浪费。</P> <P></ <P>　　表格是网页内应用较多的东东，但一般我们只是用它来定位网页中的模块和排版文字。其实表格用好了还可以做出很多漂亮的效果，如图一，承载文字的表格有一种看似立体的感觉。下面就来介绍一下这种立体表格的制作方法。</P> <P align=center><BR>图一</P> <P>　　表格有立体的感觉的全是因为在表格的右边和下边有浅黑色的阴影。所以我们只要实现了阴影就可以实现这种效果。现在我们就开始具体讲述制作过程。在Frontpage2000中新建一个表格，选择菜单“表格”-“属性”-“表格”，在窗口内将表格的宽度设置为150象素；高度设置为200象素；边框粗细设置为0；将单元格边距设置为0，而单元格间距为1，如图二所示。</P> <P align=center><BR>图二</P> <P>　　完成以上设置后将表格的背景色设置为黑色，但表格内的单元格的背景色设置为白色，完成以后就回出现如图三所示的单象素黑色边框效果。</P> <P align=center><BR>图三</P> <P>　　接下来的工作就是要为右边和下边的黑色边框制作阴影，我们使用CSS样式的功能来实现。在图二所示的选项窗口内点击“样式”按钮继续选择“格式”-“边框”。在边框与阴影选项框内，分别将样式选择为“实线”；颜色选择为“灰色”；并在预览选项内将下边和右边的边框应用按钮选中，如图四所示。</P> <P align=center><BR>图四</P> <P>　　点击“预览”，你要的立体表格效果就出来了。(注明：我们在制作出来的最终效果可能和图一所示略有出入，这是因为我们首先制作出了如图三的单象素黑色边框，这样做的效果会更明显，更有立体感。)</P> <P>　　在这里我们还给出在Dreamweaver内定义的样式代码，因为Frontpage和Dreamweaver的代码机制有差别，相对之下Dreamweaver对样式代码写得更规范更合理。表格代码如下：</ 在局域网上如何测试IIS的安装成功？<BR>按如下步骤： <P>　　你的计算机已经连接到局域网并且名称解析正确 </P> <P>　　确定WWW服务已经启动（使用Microsoft Internet Service Manager，检验状态） </P> <P>　　启动IE </P> <P>　　在地址栏中输入主页的地址URL（在你的服务器名前加上http://，比如拟的计算机叫myserver，URL就是 "http://myserver） </P> <P>　　IE显示首页 </P> <P>　　客户端的FTP软件无法显示虚拟目录的目录名，但使用cd可以直接进入目录，或用ls加目录名可以直接列出目录下的文件，</P> <P>　　如何解决？</P> <P>　　在目录下使用和虚拟目录相同的目录名建立一个目录，客户访问时就可以列出这个目录名，由于虚拟目录的优先权比所建的一般目录高，在客户访问目录时进入的目录是虚拟目录。</P> <br/><br/> <br><div class='kjy'>< <script type="text/javascript"> SyntaxHighlighter.highlight();</script> <div class="lbd_bot clearfix"> <span id="art_bot" class="jbTestPos"></span> </div> </div> <div class="lbd clearfix"><span id="art_up" class="jbTestPos"><script src="/d/js/acmsd/thea9.js?0"></script></span></div> <div class="tags clearfix"> <i class="icon-tag"></i> <span class="meta-tags"><div class="tag">[!--infotagslink--]</div></span> </div> <div class="clear"></div> <div class="postnavi"> <div class="previous_post">上一篇: <a href='/jishu/html/20114.html' title='全新无边框窗口的制作的一个例子'>全新无边框窗口的制作的一个例子</a></div><div class="next_post">下一篇: <a href='/jishu/html/20116.html' title='导致Web站点崩溃最常见的七大原因'>导致Web站点崩溃最常见的七大原因</a></div> </div> <div class="lbd clearfix"> <span id="art_down" class="jbTestPos"></span> </div> <div id="shoucang"></div> <div class="xgcomm clearfix"> <h2>相关文章</h2> <ul><li class="lbd clearfix"><span id="art_xg" class="jbTestPos"></span></li> <li><div class="item-inner"><div class="rbox"><div class="rbox-inner"><p> <a class="link title" target="_blank" href="/server/windows/3417.html" title="Windows VPN服务器配置图文教程超详细版">Windows VPN服务器配置图文教程超详细版</a></p><div class="item-infode">VPN可以虚拟出一个专用网络，让远处的计算机和你相当于处在同一个局域网中，而中间的数据也可以实现加密传输，用处很大，特别是在一些大公司，分公司处在不同的区域。...<span class="lbtn" style="float:right">2016-01-27</span></div></div></div></div></li><li><div class="item-inner"><div class="rbox"><div class="rbox-inner"><p> <a class="link title" target="_blank" href="/jishu/js/41305.html" title="Vue组件跨层级获取组件操作">Vue组件跨层级获取组件操作</a></p><div class="item-infode">这篇文章主要介绍了Vue组件跨层级获取组件操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...<span class="lbtn" style="float:right">2020-07-28</span></div></div></div></div></li><li><div class="item-inner"><div class="rbox"><div class="rbox-inner"><p> <a class="link title" target="_blank" href="/dos/40250.html" title="Windows批量搜索并复制/剪切文件的批处理程序实例">Windows批量搜索并复制/剪切文件的批处理程序实例</a></p><div class="item-infode">这篇文章主要介绍了Windows批量搜索并复制/剪切文件的批处理程序实例,需要的朋友可以参考下...<span class="lbtn" style="float:right">2020-06-30</span></div></div></div></div></li><li><div class="item-inner"><div class="rbox"><div class="rbox-inner"><p> <a class="link title" target="_blank" href="/csharp/34157.html" title="C#创建简单windows窗体应用（加法器）">C#创建简单windows窗体应用（加法器）</a></p><div class="item-infode">这篇文章主要为大家详细介绍了C#创建一个简单windows窗体应用的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...<span class="lbtn" style="float:right">2020-06-25</span></div></div></div></div></li><li><div class="item-inner"><div class="rbox"><div class="rbox-inner"><p> <a class="link title" target="_blank" href="/jishu/js/5157.html" title="js组件SlotMachine实现图片切换效果制作抽奖系统">js组件SlotMachine实现图片切换效果制作抽奖系统</a></p><div class="item-infode">这篇文章主要介绍了js组件SlotMachine实现图片切换效果制作抽奖系统的相关资料,需要的朋友可以参考下...<span class="lbtn" style="float:right">2016-04-19</span></div></div></div></div></li><li><div class="item-inner"><div class="rbox"><div class="rbox-inner"><p> <a class="link title" target="_blank" href="/jishu/js/47701.html" title="Vue实现动态查询规则生成组件">Vue实现动态查询规则生成组件</a></p><div class="item-infode">今天我们来给大家介绍下在Vue开发中我们经常会碰到的一种需求场景，本文主要介绍了Vue动态查询规则生成组件，需要的朋友们下面随着小编来一起学习学习吧...<span class="lbtn" style="float:right">2021-05-27</span></div></div></div></div></li><li><div class="item-inner"><div class="rbox"><div class="rbox-inner"><p> <a class="link title" target="_blank" href="/jishu/js/54718.html" title="vue中使用element日历组件的示例代码">vue中使用element日历组件的示例代码</a></p><div class="item-infode">这篇文章主要介绍了vue中如何使用element的日历组件，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...<span class="lbtn" style="float:right">2021-09-30</span></div></div></div></div></li><li><div class="item-inner"><div class="rbox"><div class="rbox-inner"><p> <a class="link title" target="_blank" href="/powershell/40212.html" title="Powershell 查询 Windows 日志的方法">Powershell 查询 Windows 日志的方法</a></p><div class="item-infode">这篇文章主要介绍了Powershell 查询 Windows 日志的方法,需要的朋友可以参考下...<span class="lbtn" style="float:right">2020-06-30</span></div></div></div></div></li><li><div class="item-inner"><div class="rbox"><div class="rbox-inner"><p> <a class="link title" target="_blank" href="/jishu/js/42374.html" title="基于Ionic3实现选项卡切换并重新加载echarts">基于Ionic3实现选项卡切换并重新加载echarts</a></p><div class="item-infode">这篇文章主要介绍了基于Ionic3实现选项卡切换并重新加载echarts,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...<span class="lbtn" style="float:right">2020-09-24</span></div></div></div></div></li><li><div class="item-inner"><div class="rbox"><div class="rbox-inner"><p> <a class="link title" target="_blank" href="/csharp/37068.html" title="C#实现windows form限制文本框输入的方法">C#实现windows form限制文本框输入的方法</a></p><div class="item-infode">这篇文章主要介绍了C#实现windows form限制文本框输入的方法,涉及C#限制文本框输入的技巧,非常具有实用价值,需要的朋友可以参考下...<span class="lbtn" style="float:right">2020-06-25</span></div></div></div></div></li><li><div class="item-inner"><div class="rbox"><div class="rbox-inner"><p> <a class="link title" target="_blank" href="/jishu/js/45416.html" title="Vue多选列表组件深入详解">Vue多选列表组件深入详解</a></p><div class="item-infode">这篇文章主要介绍了Vue多选列表组件深入详解，这个是vue的基本组件，有需要的同学可以研究下...<span class="lbtn" style="float:right">2021-03-03</span></div></div></div></div></li><li><div class="item-inner"><div class="rbox"><div class="rbox-inner"><p> <a class="link title" target="_blank" href="/jishu/js/5368.html" title="Bootstrap进度条组件知识详解">Bootstrap进度条组件知识详解</a></p><div class="item-infode">在网页中，经常见到进度条效果，那么这些个性的进度条组件效果是怎么实现的呢，下面脚本之家小编给大家分享Bootstrap进度条组件知识详解，感兴趣的朋友要求学习吧...<span class="lbtn" style="float:right">2016-05-04</span></div></div></div></div></li><li><div class="item-inner"><div class="rbox"><div class="rbox-inner"><p> <a class="link title" target="_blank" href="/jishu/js/855.html" title="JS实现不使用图片仿Windows右键菜单效果代码">JS实现不使用图片仿Windows右键菜单效果代码</a></p><div class="item-infode">本文实例讲述了JS实现不使用图片仿Windows右键菜单效果代码。分享给大家供大家参考，具体如下：这里演示JS不使用图片仿Windows右键菜单效果，这款代码灵活使用了文鼎字，配合CSS和JS做出了这个和系统右键菜单很相似的东东。...<span class="lbtn" style="float:right">2015-10-23</span></div></div></div></div></li><li><div class="item-inner"><div class="rbox"><div class="rbox-inner"><p> <a class="link title" target="_blank" href="/csharp/35644.html" title="C# Windows API应用之基于GetDesktopWindow获得桌面所有窗口句柄的方法">C# Windows API应用之基于GetDesktopWindow获得桌面所有窗口句柄的方法</a></p><div class="item-infode">这篇文章主要介绍了C# Windows API应用之基于GetDesktopWindow获得桌面所有窗口句柄的方法,结合实例形式分析了GetDesktopWindow函数用于获取窗口句柄的具体使用方法与相关注意事项,需要的朋友可以参考下...<span class="lbtn" style="float:right">2020-06-25</span></div></div></div></div></li><li><div class="item-inner"><div class="rbox"><div class="rbox-inner"><p> <a class="link title" target="_blank" href="/jishu/js/24230.html" title="Bootstrap选项卡学习笔记分享">Bootstrap选项卡学习笔记分享</a></p><div class="item-infode">这篇文章主要为大家详细介绍了Bootstrap选项卡学习笔记，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...<span class="lbtn" style="float:right">2017-02-19</span></div></div></div></div></li><li><div class="item-inner"><div class="rbox"><div class="rbox-inner"><p> <a class="link title" target="_blank" href="/php/11778.html" title="Linux与Windows喜结连理">Linux与Windows喜结连理</a></p><div class="item-infode"> 作为一个新生事物，Linux吸引了不少眼球，但是它能否快捷、方便地与Windows资源共享，是一个很重要的问题。大家知道，Windows之间可以利用“网络邻居”来实现资源共享，而Linux...<span class="lbtn" style="float:right">2016-11-25</span></div></div></div></div></li><li><div class="item-inner"><div class="rbox"><div class="rbox-inner"><p> <a class="link title" target="_blank" href="/jishu/js/49853.html" title="vue递归实现自定义tree组件">vue递归实现自定义tree组件</a></p><div class="item-infode">这篇文章主要为大家详细介绍了vue递归实现自定义tree组件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...<span class="lbtn" style="float:right">2021-08-20</span></div></div></div></div></li><li><div class="item-inner"><div class="rbox"><div class="rbox-inner"><p> <a class="link title" target="_blank" href="/csharp/43729.html" title="利用C#修改Windows操作系统时间">利用C#修改Windows操作系统时间</a></p><div class="item-infode">这篇文章主要介绍了利用C#修改Windows操作系统时间，帮助大家更好的利用c#操作系统，感兴趣的朋友可以了解下...<span class="lbtn" style="float:right">2020-12-08</span></div></div></div></div></li><li><div class="item-inner"><div class="rbox"><div class="rbox-inner"><p> <a class="link title" target="_blank" href="/jishu/js/851.html" title="JS+CSS实现仿msn风格选项卡效果代码">JS+CSS实现仿msn风格选项卡效果代码</a></p><div class="item-infode">本文实例讲述了JS+CSS实现仿msn风格选项卡效果代码。分享给大家供大家参考，具体如下：这是一款来自MSN网站的选项卡，清新淡蓝色风格，新闻类、资讯类、文章类网站都比较适合使用，代码扩展性高，W3C标准设计，兼容IE、火狐等多种...<span class="lbtn" style="float:right">2015-10-23</span></div></div></div></div></li><li><div class="item-inner"><div class="rbox"><div class="rbox-inner"><p> <a class="link title" target="_blank" href="/jishu/js/42287.html" title="Vue父子组件传值的一些坑">Vue父子组件传值的一些坑</a></p><div class="item-infode">这篇文章主要介绍了Vue父子组件传值的一些坑，帮助大家更好的理解和使用vue父子组件，感兴趣的朋友可以了解下...<span class="lbtn" style="float:right">2020-09-16</span></div></div></div></div></li> </ul> </div> <div class="lbd clearfix mt5"> <span id="art_down2" class="jbTestPos"></span> </div> </div> </div> <div class="main-right"> <div id="sidebar-right"> <div class="r300 clearfix"><script type="text/javascript" src="/d/js/acmsd/thea6.js"></script></div> <div class="sidebox bor-blue"> <div class="bor-default pb10"> <h4 class="blue">阁下可能感兴趣的内容</h4> <ul class="newsList newList-in"> <li><a href="/jishu/html/19813.html" title="js URLdecode()与urlencode方法支持中文解码">js URLdecode()与urlencode方法支持中文解码</a></li><li><a href="/jishu/html/20097.html" title="不打开网页直接查看网站的源代码">不打开网页直接查看网站的源代码</a></li><li><a href="/jishu/html/19788.html" title="腾讯视频怎么放到自己的网页上?">腾讯视频怎么放到自己的网页上?</a></li><li><a href="/jishu/html/19809.html" title="在img中以双斜杠//开头的URL是有何作用？">在img中以双斜杠//开头的URL是有何作用？</a></li><li><a href="/jishu/html/19786.html" title="网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别">网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别</a></li><li><a href="/jishu/html/19844.html" title="html表单提交中method请求Get和Post区别详解">html表单提交中method请求Get和Post区别详解</a></li><li><a href="/jishu/html/25732.html" title="单击按钮发送验证码,出现倒计时的简单实例">单击按钮发送验证码,出现倒计时的简单实例</a></li><li><a href="/jishu/html/19789.html" title="网页自动调用国内双核浏览器的极速模式的实现方法">网页自动调用国内双核浏览器的极速模式的实现方法</a></li><li><a href="/jishu/html/19901.html" title="js 检测判断fckeditor是否为空">js 检测判断fckeditor是否为空</a></li><li><a href="/jishu/html/25739.html" title="node.js爬虫爬取拉勾网职位信息">node.js爬虫爬取拉勾网职位信息</a></li> </ul> </div> </div> <div class="sidebox bor-blue"> <div class="bor-default pb10"> <h4 class="blue">推荐阅读</h4> <ul class="newsList newList-in"> <li><a href="/jishu/html/55114.html" title="HTML基础详解（下）">HTML基础详解（下）</a></li><li><a href="/jishu/html/1251.html" title="HTML设计模式日常学习笔记整理">HTML设计模式日常学习笔记整理</a></li><li><a href="/jishu/html/1247.html" title="HTML常用标签大全及html标签的特点">HTML常用标签大全及html标签的特点</a></li><li><a href="/jishu/html/744.html" title="xml无效字符处理PCDATA invalid Char value 99">xml无效字符处理PCDATA invalid Char value 99</a></li><li><a href="/jishu/html/743.html" title="如何解决XML： '&nbsp' 等html字符转义的引用出错问题？">如何解决XML： '&nbsp' 等html字符转义的引用出错问题？</a></li><li><a href="/jishu/html/82.html" title="HTML5 LocalStorage 本地存储">HTML5 LocalStorage 本地存储</a></li><li><a href="/jishu/html/56.html" title="如何禁用input记忆性输入:input的属性AutoComplete">如何禁用input记忆性输入:input的属性AutoComplete</a></li></ul> </div> </div> <div class="r300 clearfix mt10"><script type="text/javascript" src="/d/js/acmsd/thea6.js"></script></div> </div> </div> </div> </div> </div> <div id="footer"> <div class="footer-bottom"> <p> <a rel="nofollow" href="/about.htm" target="_blank">关于我们</a> - <a rel="nofollow" href="/contact.htm" target="_blank">联系我们</a> - <a rel="nofollow" href="/sm.htm" target="_blank">免责声明</a> - <a rel="nofollow" href="/sitemap.htm" target="_blank">网站地图</a> </p> <p>©CopyRight 2006-2023 zhuxianfei.com All Rights Reserved. 猪先飞版权所有</p> </div> </div> <script type="text/javascript" src="/js/scrolltopcontrol.js"></script> <script type="text/javascript"> /*更多导航*/ $("#nav p").hover(function(){$(this).addClass("hover")},function(){$(this).removeClass("hover")}); if (top.location != self.location)top.location=self.location; var varwindow=$(window); $('#content').find('img').each(function(){ var img = this; if (img.width >= 800 && !$(this).hasClass("nohref")){ img.style.width = "800px"; img.style.height = "auto"; } }); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <script type="text/javascript" src='//cdn.staticfile.org/viewerjs/1.5.0/viewer.min.js'></script> <script type="text/javascript" src="/skin/v2020/js/arc2019.js"></script> <script>jbLoader();</script><script class="closetag">jbLoader(true);</script> <script>jbLoader();</script><script class="closetag">jbLoader(true);</script> <script language="javascript" src="/skin/v2020/js/js.js"></script> <div id="tongji"> <script type="text/javascript" src="/js/tongji.js"></script> </div> </body> </html>