网页特效代码┊JsCode.CN
网页特效代码 您的位置:首页 > 网页制作教程 > 网页设计心得
RSS订阅

用htc组件制作windows选项卡

[ 发布者:佚名┊来源:网络整理┊时间:2006-03-25┊浏览: 人次 ]

  在网页中模拟制作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=http://www.webjx.com/htmldata/2005-03-19/sample.jpg border=1 hspace="75" vspace="30" title='点击在新窗口查看原始图片' onload='java_script_:if(this.width>500)this.width=500'>   </mpc:page>   <mpc:page ID="tab4" TABTITLE="这是可以是其他内容" TABTEXT="其他内容 ">     <a href=#><font face="楷体_GB2312" size="2">超级链接</font></a>   </mpc:page> </mpc:container></div> </BODY> </HTML>
本类相关信息
网页制作学习:网页色彩搭配内涵
  网页的色彩搭配往往是网友们感到头疼的问题,尤其是那些完全没有美术...
一个成功的网页必须具备的要素
  一、保持网页的朴素一个好的网站最重要的一点就是界面的简单、朴...
个人网站站长看过来 网站建设经验之谈...
1. 明确内容  如果你想成为一个网站设计者,并正想建一个网站的话,首先应...
网页设计师怎么改善现有网站
我们大部分的设计师依旧在采用传统的表格布局、表现与结构混杂在一起的方...
CopyRight © 2005-2008 JsCode.CN All Rights Reserved
网页特效代码┊JsCode v3.0 Designed By 在远方
说明:本站提供最新精选的免费网页特效代码,包括网页背景特效,网页文字特效,网页图片特效,导航菜单特效代码等20多种常用网页特效代码下载,以及Flash特效,网页模版,字体大全,字体下载等网页制作特效素材资源。网页特效代码欢迎您的光临!