html. 选项卡的构建,用htc组件制作windows选项卡

用htc组件制作windows选项卡

更新时间：2007年01月13日 00:00:00   作者：

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

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

具体制作方法如下：

一、下载mpc.htc

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

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

1、将html标签写成：

以下内容为引用： 

2、建立样式行为：

以下内容为引用： 　　

mpc\:container,mpc\:page{

behavior:url(mpc.htc);

}

即mpc\:container和mpc\:page均用行为调用mpc.htc

3、具体内容调用：

以下内容为引用： 

ID="name"

TABTITLE="这里的内容会被鼠标提示"

TABTEXT="这里是选项卡标签的内容">

这里是选项卡的具体内容

这里＜mpc:container＞标签中用style样式的width和height确定整个选项卡的宽度和高度；然后在＜mpc:page＞……＜/mpc:page＞标签间中加入选项卡的具体内容，有几个选项就用几组＜mpc:page＞……＜/mpc:page＞标签。

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

以下内容为引用： 

mpc

mpc\:container,mpc\:page{

behavior:url(mpc.htc);

}

width:300; height:150; color:white">

这是一个表格

请在这里写入文字……

　　　　   

超级链接

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);

}

相关文章

javascript学习笔记之js函数介绍，需要的朋友可以参考下2012-06-06

在一些技术论坛与qq群经常看到有这样类似的提问，当然提出这样问题的通常都是新手为了解决大家的疑惑，同时帮助新手程序员能更快掌握学习的方向，不致于弄错重点2016-12-12

本文主要介绍了NodeJS url验证(url-valid)模块的使用方法，最后提供了实例代码供大家参考2013-11-11

本篇文章是对javaScript中的事件驱动进行了详细的分析介绍，需要的朋友参考下2013-05-05

这篇文章主要介绍了JS实现的生成随机数的4个函数分享,本文直接给出实现代码,需要的朋友可以参考下2015-02-02

JavaScript Switch 声明...2007-04-04

组合模式可以理解为树状结构,因此组合模式适合对大批对象的操作,特别是层次结构分明的,下面我们就来看看号称面向对象的JavaScript设计模式开发中组合模式的使用教程2016-05-05

这篇文章主要介绍了JavaScript中Number.MIN_VALUE属性的使用示例,是JS入门学习中的基础知识,需要的朋友可以参考下2015-06-06

javascript 有三大经典的变量命名法：匈牙利命名法，驼峰式命名法和帕斯卡命名法。今天主要介绍下这三种命名方式。文中通过示例代码介绍的很详细，有需要的朋友可以参考借鉴，下面来一起看看吧。2017-02-02

javascript是很多东西的基础，比如jsp，ajax等，如果不会这么，那么学起这些来就比较麻烦，所以要先学好这个，为将来的学习打好经济基础2012-03-03

最新评论