在网页中模拟制作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、具体内容调用:
这里是选项卡的具体内容
这里<mpc:container>标签中用style样式的width和height确定整个选项卡的宽度和高度;然后在<mpc:page>……</mpc:page>标签间中加入选项卡的具体内容,有几个选项就用几组<mpc:page>……</mpc:page>标签。
附 文章中windows选项卡示例页面的代码:
mpc
mpc\:container,mpc\:page{
behavior:url(mpc.htc);
}
这是一个表格