2022-06-17 分类: 网站建设
选项卡原身是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:static;
bottom:3px;
right:3px;
网页名称:网页制作中分类的选项卡特效代码
当前链接:/news0/168150.html
成都网站建设公司_创新互联,为您提供微信小程序、移动网站建设、品牌网站建设、小程序开发、ChatGPT、营销型网站建设
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联
猜你还喜欢下面的内容