教程集 > 脚本编程 > javascript > 正文网易切换效果代码

网易切换效果代码

发布时间：2023-04-29 编辑：jiaochengji.com

教程集为您提供网易切换效果代码等资源，欢迎您收藏本站，我们将为您提供最新的网易切换效果代码资源

提示：您可以先修改部分代码再运行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml"  xml:lang="zh-CN" lang="zh-CN">  <head>  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  <title>163 Tab</title>  <style type="text/css">    </style>  <script type="text/javascript">  function nTabs(tabObj,obj){  	var tabList = document.getElementById(tabObj).getElementsByTagName("li");  	for(i=0; i <tabList.length; i  )  	{  		if (tabList[i].id == obj.id)  		{  			document.getElementById(tabObj "_Title" i).className = "active";       		document.getElementById(tabObj "_Content" i).style.display = "block";  		}else{  			document.getElementById(tabObj "_Title" i).className = "normal";   			document.getElementById(tabObj "_Content" i).style.display = "none";  		}  	}   }  </script>  </head>  <body>  <br />    <div class="divArea">        <div class="Col1">            <div class="naTab" id="naTab" style="height:177px;">        <div class="TabTitle">          <ul>            <li id="naTab_Title0" onclick="nTabs('naTab',this);" class="active">娱乐</li>            <li id="naTab_Title1" onclick="nTabs('naTab',this);" class="normal">女人</li>            <li id="naTab_Title2" onclick="nTabs('naTab',this);" class="normal">汽车</li>          </ul>        </div>        <div class="TabContent">          <div id="naTab_Content0"> gg </div>          <div id="naTab_Content1" class="none">ddddddd gg </div>          <div id="naTab_Content2" class="none">rfffffffff</div>        </div>              </div>    </div>        <div class="Col2">            <div class="n4Tab" id="n4Tab" style="height:177px;">        <div class="TabTitle">          <ul>            <li id="n4Tab_Title0" onmouseover="nTabs('n4Tab',this);" class="active"><h6>资讯</h6></li>            <li id="n4Tab_Title1" onmouseover="nTabs('n4Tab',this);" class="normal"><h6>教育</h6></li>            <li id="n4Tab_Title2" onmouseover="nTabs('n4Tab',this);" class="normal"><h6>房产</h6></li>            <li id="n4Tab_Title3" onmouseover="nTabs('n4Tab',this);" class="normal"><h6>招商</h6></li>            <li id="n4Tab_Title4" onmouseover="nTabs('n4Tab',this);" class="normal"><h6>拍卖</h6></li>          </ul>        </div>        <div class="TabContent">          <div id="n4Tab_Content0"> ah </div>          <div id="n4Tab_Content1" class="none"> sh </div>          <div id="n4Tab_Content2" class="none"> dh </div>          <div id="n4Tab_Content3"  class="none"> vh </div>          <div id="n4Tab_Content4" class="none"> nh </div>        </div>      </div>  	    </div>  </div>    </body>  </html>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
 40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
 jquery【插件】图片切换轮播等
 Agile Carousel
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之二
 jquery幻灯片特效banner切换实例
 php数组编码转换小例子
 基于jquery的网站幻灯片切换效果焦点图代码
 php数组编码转换的方法参考
 javascript中模拟城市切换效果

上一篇：js比例下一篇：弹出层遮罩select

[关闭]

网易切换效果代码

最近更新

浏览排行