Menu、MultiView和View 合作做的tab效果
2008-03-11 10:37
253 查看
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Tab
.tabItem
{
border: 1px solid #778;
background: #DDE;
text-decoration: none;
width: 50px;
height: 20px;
padding-top: 3px;
text-align: center;
}
.tabSelected
{
background-color: #fff;
border-bottom: 1px solid white;
}
.tabHover
{
color: #000;
background: white;
}
.tabbernav
{
margin: 0;
font: bold 12px Verdana, sans-serif;
vertical-align: bottom;
width: 10px;
}
.tabbernav1
{
margin: 0;
padding: 3px 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
width: 5px;
}
.tabbernav2
{
margin: 0;
padding: 3px 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}
.tabcontent
{
padding: 5px;
border: 1px solid #aaa;
border-top: 0;
}
protected void Menu1_MenuItemClick(object sender, MenuEventArgs e)
{
MultiView1.ActiveViewIndex = Int32.Parse(e.Item.Value);
}
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Tab
| |||
|
.tabItem
{
border: 1px solid #778;
background: #DDE;
text-decoration: none;
width: 50px;
height: 20px;
padding-top: 3px;
text-align: center;
}
.tabSelected
{
background-color: #fff;
border-bottom: 1px solid white;
}
.tabHover
{
color: #000;
background: white;
}
.tabbernav
{
margin: 0;
font: bold 12px Verdana, sans-serif;
vertical-align: bottom;
width: 10px;
}
.tabbernav1
{
margin: 0;
padding: 3px 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
width: 5px;
}
.tabbernav2
{
margin: 0;
padding: 3px 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}
.tabcontent
{
padding: 5px;
border: 1px solid #aaa;
border-top: 0;
}
protected void Menu1_MenuItemClick(object sender, MenuEventArgs e)
{
MultiView1.ActiveViewIndex = Int32.Parse(e.Item.Value);
}
相关文章推荐
- Menu、MultiView和View 合作做的tab效果
- Menu、MultiView和View 合作做的tab效果
- Menu、MultiView和View 合作做的tab效果
- Menu、MultiView和View 合作做的tab效果
- Android 自定义View结合自定义TabLayout实现顶部标签滑动效果
- TabLayout+TabItem+ViewPager+Fragment实现早期微信屏幕滑动效果
- AndroidUI组件---SlidingTabLayout实现ViewPager页卡滑动效果
- Android ViewPager和Fragment实现顶部导航界面滑动效果、标签下的tab位置
- Android开发之CoordinatorLayoutAppBarLayoutViewPagerTabLayout实现顶部伸缩效果
- Tablayout和Viewpager的结合使用,实现导航的效果
- TabLayout+ViewPager 实现页签滑动的效果
- ViewPager+Tablayout实现页面标题联动效果
- 使用ViewPagerIndicator结合ViewPager实现网易新闻客户端的Tab标签效果
- ASP.NET 用MultiView和View实现选项卡效果
- (四)使用PagerSlidingTabStrip和ViewPager实现可左右滑动和点击效果功能
- React Native利用ScrollableTabView实现Tab+ViewPager效果
- Fragment、ViewPager、ActionBar实现TAB导航条效果
- 使用PagerSlidingTabStrip实现滑动标签同步的ViewPager效果
- ASP.NET 用MultiView和View实现选项卡效果
- ViewPagerIndicator 取代TabHost,实现滑动tab,引导页等效果