所谓的滑动门和tab选项卡其实是一个意思，下面就通过实例介绍一下如何实现此功能，代码实例如下:
JS实现的新闻列表tab选项卡效果-蚂蚁部落 * { padding:0; margin:0}img { border:0; display:block;}body { font-size:12px; margin:0px auto; color:black; text-align:center;}.dis{ display:block;}.undis { display:none;}#cntR { width:302px; margin:0 auto;}#NewsTop{ clear:both; margin-bottom:16px;}#NewsTop P { float:left; line-height:21px}#NewsTop P.topTit { font-weight:bold; width:117px;}#NewsTop P.topC0 { background:#dcdcdc; border-left:#f2f2f2 1px solid; width:40px; cursor:pointer}#NewsTop P.topC1 { background:#c2130e; border-left:#f2f2f2 1px solid; width:40px; color:#fff}#NewsTop #NewsTop_tit{ border-bottom:#c2130e 3px solid; height:21px;}#NewsTop #NewsTop_cnt{ padding-left:32px; line-height:26px; padding-top:7px; height:260px; text-align:left;}#NewsTop #NewsTop_cnt a { color:#666; text-decoration:none}#NewsTop #NewsTop_cnt a:hover { color:#c2130e; text-decoration:underline}
新闻排行
国内
国际
社会
网评
查看更多关于CSS如何实现滑动门效果_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did108610