javascript仿126邮箱TAB切换效果

仿126中的绿色tab切换效果，比较漂亮

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=gb2312"/><title>简洁Tab</title><style type="text/css"> </style></head><body>  <div id="Tab1"> <div class="Menubox"> <ul> <li id="one1" onclick="setTab('one',1,4)" class="hover">新闻1</li><li id="one2" onclick="setTab('one',2,4)">新闻2</li><li id="one3" onclick="setTab('one',3,4)">新闻3</li><li id="one4" onclick="setTab('one',4,4)">新闻4</li></ul></div><div class="Contentbox"> <div id="con_one_1" class="hover">新闻列表1</div><div id="con_one_2" style="display:none">新闻列表2</div><div id="con_one_3" style="display:none">新闻列表3</div><div id="con_one_4" style="display:none">新闻列表4</div></div></div><div id="Tab2"> <div class="Menubox"> <ul> <li id="two1" onclick="setTab('two',1,4)" class="hover">新闻1</li><li id="two2" onclick="setTab('two',2,4)">新闻2</li><li id="two3" onclick="setTab('two',3,4)">新闻3</li><li id="two4" onclick="setTab('two',4,4)">新闻4</li></ul></div><div class="Contentbox"> <div id="con_two_1">新闻列表1</div><div id="con_two_2" style="display:none">新闻列表2</div><div id="con_two_3" style="display:none">新闻列表3</div><div id="con_two_4" style="display:none">新闻列表4</div></div></div></body>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

以上就是javascript仿126邮箱TAB切换效果的详细内容，更多请关注0133技术站其它相关文章！