用htc组件制作windows选项卡_基础知识

在网页中模拟制作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选项卡示例页面的代码:  

以下内容为引用: <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="图象 ">   

    <img src="/oblog312/sample.jpg ";border=1 hspace="75" vspace="30">   

  </mpc:page>  

  <mpc:page ID="tab4" TABTITLE="这是可以是其他内容" TABTEXT="其他内容 ">  

    <a href=#><font face="楷体_GB2312" size="2">超级链接</font></a>  

  </mpc:page>   

</mpc:container></div>  

</BODY>  

</HTML>  

  

http://msdn.microsoft.com/downloads/samples/internet/behaviors/library/mpc/mpc.htc 

htc文件放到你选项卡所在htm文件相同的目录下,要么你改页面源代码中下面这段中htc的位置    

          mpc\:container   {    

                                          behavior:url(mpc.htc);    

                                          }    

          mpc\:page   {    

                                          behavior:url(mpc.htc);    

                                          } 

  

时间: 2024-08-02 06:39:01

用htc组件制作windows选项卡_基础知识的相关文章

用htc组件制作windows选项卡

这里是选项卡的具体内容

js之WEB开发调试利器:Firebug 下载_基础知识

在米随随的Blog看到有关Firebug的介绍,遂下载试用了一下,确实是比较好的工具. 一.效果开发调试利器:Firebug 下载_基础知识-电工基础知识视频下载"> 二.主要功能 Inspect and edit HTML Tweak CSS to perfection Visualize CSS metrics Monitor network activity Debug and profile JavaScript Quickly find errors Explore the DO

使用JavaScript制作一个简单的计数器的方法_基础知识

设计思想 该方法的关键是Cookie技术和动态图像特性的综合运用.使用Cookie,可以在用户端的硬盘上记录用户的数据,下次访问此站点时,即可读取用户端硬盘的Cookie,直接得知来访者的身份和访问次数等有关信息.JavaScript中通过document.cookie属性访问Cookie,这个属性包括名字.失效日期.有效域名.有效URL路径等.用等号分开的名字和其值是Cookie的实际数据,本例中用来存储该访问者访问该页面的次数.通过把Web页中的图像映射到一个Images数组,一定条件下修改

javascript编码的几个方法详细介绍_基础知识

escape定义和用法 escape() 函数可对字符串进行编码,这样就可以在所有的计算机上读取该字符串. 参数 描述 string 必需.要被转义或编码的字符串.   返回值 已编码的 string 的副本.其中某些字符被替换成了十六进制的转义序列. 说明 该方法不会对 ASCII 字母和数字进行编码,也不会对下面这些 ASCII 标点符号进行编码: * @ - _ + . / .其他所有的字符都会被转义序列替换. 提示和注释 提示:可以使用 unescape() 对 escape() 编码的

Java Mybatis框架入门基础教程_基础知识

一.Mybatis介绍 MyBatis是一款一流的支持自定义SQL.存储过程和高级映射的持久化框架.MyBatis几乎消除了所有的JDBC代码,也基本不需要手工去 设置参数和获取检索结果.MyBatis能够使用简单的XML格式或者注解进行来配置,能够映射基本数据元素.Map接口和POJOs(普通java对象)到数据库中的记录. 二.MyBatis工作流程 (1)加载配置并初始化 触发条件:加载配置文件 配置来源于两个地方,一处是配置文件,一处是Java代码的注解,将SQL的配置信息加载成为一个个

优化RequireJS项目的相关技巧总结_基础知识

 本文将演示如何合并与压缩一个基于RequireJS的项目.本文中将用到苦干个工具,这其中就包括Node.js. 因此,如果你手头上还没有Node.js可以点击此处下载一个.动机 关于RequireJS已经有很多文章介绍过了.这个工具可以将你的JavaScript代码轻易的分割成苦干个模块(module)并且保持你的代码模块化与易维护性.这样,你将获得一些具有互相依赖关系的JavaScript文件.仅仅需要在你的HTML文档中引用一个基于RequireJS的脚本文件,所有必须的文件都将会被自动引

JavaScript操作Cookie详解_基础知识

什么是 Cookie "cookie 是存储于访问者的计算机中的变量.每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie.你可以使用 JavaScript 来创建和取回 cookie 的值." - w3school cookie 是访问过的网站创建的文件,用于存储浏览信息,例如个人资料信息. 从JavaScript的角度看,cookie 就是一些字符串信息.这些信息存放在客户端的计算机中,用于客户端计算机与服务器之间传递信息. 在JavaScript中可以通过 doc

学习JavaScript的最佳方法分享_基础知识

学习新的东西是件可怕的事.对我来说,掌握一项新技能最大的问题是,我不知道自己懂什么.鉴于此,定个计划,学习你感兴趣的东西应该会有用.这篇文章的主旨就是:你为学习JavaScript 制定的蓝图.路线.行动计划!你不必担心找不到最好的资源,先整理些不好的资源,再确定下一步该学什么.遵循它,一步一步来. 任务0:了解什么是JavaScript 在你真正开始学习JavaScript 之前,花一分钟了解一下什么是JavaScript,它有哪些功能. JavaScript不是jQuery.Flash或Ja

国外的为初学者写的JavaScript教程_基础知识

Embedding and including write and writeln Document object Message box Function Event handler Form Link Date Window Frame Embedding and including Let's first see a simple example: <html> <head> <title>This is a JavaScript example</titl