当前位置：Gxlcms > JavaScript > javascript仿126邮箱TAB切换效果

javascript仿126邮箱TAB切换效果

时间：2021-07-01 10:21:17 帮助过：13人阅读

<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>

<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> 
 
 
新闻列表1 
新闻列表2 
新闻列表3 
新闻列表4

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

javascript仿126邮箱TAB切换效果

人气教程排行