栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

用htc组件制作windows选项卡

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

用htc组件制作windows选项卡

在网页中模拟制作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);    
                                          } 

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/120695.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号