首頁 > web前端 > js教程 > 用htc组件制作windows选项卡_基础知识

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

WBOY
發布: 2016-05-16 19:20:45
原創
1161 人瀏覽過

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

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

具体制作方法如下:  

一、下载mpc.htc  

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

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

1、将html标签写成:  
    以下内容为引用:   


2、建立样式行为:  
以下内容为引用:     


  即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  
  
  
  
  
  
    
          width:300; height:150; color:white">  
      
    
这是一个表格
  
  
  
    
    
  
      请在这里写入文字……  
    
  
  
  
     
    用htc组件制作windows选项卡_基础知识   
  
  
    
    超级链接  
  
   
  
  
  

  

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

  
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板