javascript仿126郵箱TAB切換效果

2019-11-21 01:38:46

字體：大中小

來源：轉載

供稿：網友

<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> <script>  </script> </head> <body>  <div   class="iwvjtn8m0"   id="Tab1"> <div   id="iwvjtn8m0"   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   id="iwvjtn8m0"   class="Contentbox"> <div   class="iwvjtn8m0"   id="con_one_1" class="hover">新聞列表1</div> <div   class="iwvjtn8m0"   id="con_one_2" style="display:none">新聞列表2</div> <div   class="iwvjtn8m0"   id="con_one_3" style="display:none">新聞列表3</div> <div   class="iwvjtn8m0"   id="con_one_4" style="display:none">新聞列表4</div> </div> </div>  <div   class="iwvjtn8m0"   id="Tab2"> <div   id="iwvjtn8m0"   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   id="iwvjtn8m0"   class="Contentbox"> <div   class="iwvjtn8m0"   id="con_two_1" >新聞列表1</div> <div   class="iwvjtn8m0"   id="con_two_2" style="display:none">新聞列表2</div> <div   class="iwvjtn8m0"   id="con_two_3" style="display:none">新聞列表3</div> <div   class="iwvjtn8m0"   id="con_two_4" style="display:none">新聞列表4</div> </div> </div> </body>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：js右下角彈出窗口,點擊可關閉效果

下一篇：很多人都是用下面的js刷新站IP和PV