如何在网页中实现“Tab”选项卡的效果
2008-02-15 14:34
459 查看
示例代码如下:
关键在CSS中的两句代码:“position:relative; top:1px;”
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Table Style Demo</title>
</head>
<body>
<div class="tab selectedTab">tab1</div>
<div class="tab">tab2</div>
<div class="tab">tab3</div>
<br style="clear:both;" />
<div class="tabContents">Content</div>
</body>
</html>
关键在CSS中的两句代码:“position:relative; top:1px;”
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Table Style Demo</title>
</head>
<body>
<div class="tab selectedTab">tab1</div>
<div class="tab">tab2</div>
<div class="tab">tab3</div>
<br style="clear:both;" />
<div class="tabContents">Content</div>
</body>
</html>
相关文章推荐
- js基于面向对象实现网页TAB选项卡菜单效果代码
- js基于面向对象实现网页TAB选项卡菜单效果代码
- 纯js实现网页tab选项卡切换效果
- 在bootstrop中如何使用tab选项卡 实现淡入淡出的效果
- JS实现黑色风格的网页TAB选项卡效果代码
- winform如何用tabControl控件实现纵向选项卡效果?
- 简单纯js实现网页tab选项卡切换效果
- js实现黑色简易的滑动门网页tab选项卡效果
- JS实现黑色风格的网页TAB选项卡效果代码
- js实现黑色简易的滑动门网页tab选项卡效果
- Tab选项卡点击 滑动效果js实现
- WinForm中如何实现网页中框架效果
- Android Design Support Library(一)用TabLayout实现类似网易选项卡动态滑动效果
- 纯JS实现的简单tab选项卡切换效果
- 37个Ajax和CSS实现的Tab选项卡切换效果界面
- jquery实现超简洁的TAB选项卡效果代码
- [置顶] Android开发之TabLayout的使用(实现三种常用的选项卡效果)
- 37个Ajax和CSS实现的Tab选项卡切换效果界面
- js实现左侧网页tab滑动门效果代码
- Android Design Support Library(一)用TabLayout实现类似网易选项卡动态滑动效果