网站建设
 
    访问新版
用户ID/邮箱: 密 码:
网站建设资讯 News 您目前的位置:网站建设 >> 网站建设资讯 >> 网站建设 >> 网页制作中分类的选项  

网页制作中分类的选项卡特效代码

选项卡原身是Windows操作系统的一个创意,即通过交换选项,让很多项目信息轮替显示在大小和位置都固定的小块区域里。因此选项卡具有占用篇幅小,辐射内容大的特点。一个典型的例子是你打开IE浏览器,依次点击“工具”-“Internet选项”,这个表单就是一个选项卡典型布局。当然了,这里所说的选项卡效果是要在Web页面实现的,并非应用程序里的菜单选项,在网页中应用选项卡可以使网页显得更紧凑,结合AJAX技术可以使页面在有限的空间内展现更多的内容。本文主要介绍一种简洁的选项卡效果的实现,兼容性较好,方便大家直接使用。

以下是引用片段:
<style type="text/css">
body {
 margin:0px;
 text-align:center;
 font-size:12px;
}
#divall {
 margin:auto;
 margin-top:35px;
 width:300px;
 height:200px;
 background-color:#7DA7D9;
 border:0px;
}
#title {
 width:300px;
 height:20px;
 font-size:14px;
 margin-top:4px;
}
#table1 table {
 width:300px;
 height:30px;
 font-size:12px;
}
#table2 table {
 width:300px;
 height:30px;
 font-size:12px;
}
#content1,#content2,#content3,#content4,#content5,#content6,#msg1,#msg2 {
 margin:auto;
 height:110px;
 width:290px;
 background-color:#eee;
 position:relative;
}
#content1 div,#content2 div,#content3 div,#content4 div,#content5 div,#content6 div {
 position:absolute;
 bottom:3px;
 right:3px; 


上一条: 网站建设如何提高网站的流量,如何进行网络推广
下一条: 建设好的内容放那些内容?
网站建设套餐
网站优化(网站推广)
域名注册
虚拟主机
企业邮局
相关资讯 Other News
首页关于我们业务范围新闻资讯成功案例客服中心联系我们网站建设网站优化付款帐户
COPYRIGHT(C) 2005-2019 亚网互联·中国 版权所有 ALL RIGHTS RESERVED (粤ICP备15005241号)
深圳网站建设公司地址:深圳市宝安区龙华民治大道东明大厦15楼 1529-1531 室   E-Mail:web@yanet.cn
公司电话:0755-89812581(8线)  
深圳市亚网科技有限公司 深圳网站建设常年法律顾问:朱运德律师