一二八软件   十几年网站制作经验,满意收工,诚信100%
企业建站 PC+手机端+微站+小程序+App、百度、google国外推广
官网1   官网2
咨询电话 (微信):181 23965 128
 
首页 网站推广 精美网站 定制网站 域名-主机-邮箱 成功案例 网站知识 小 程 序 联系我们
        网站建设
        域名注册
        虚拟主机
        企业邮局
        成品网站
        网站优化排名SEO
        技术知识
        CSSDIV
        AJAX
        PHP知识
        行业资讯
        400电话常见问题
        可信网站常见问题
        Ftp常见问题
 
CSSDIV 位置:首页 > 网站知识 > CSSDIV
div的隐藏和显示
关键字:网站建设 网站制作 网站设计 购物商城  网站样板  定做网站    来源:   浏览: 2843 人次
 
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>示例</title>
<script language="javascript">
function SwcAr( POjbID, ViewID, MaxID )
{
try
{
for( var i=1; i<=MaxID; i++ )
{
document.getElementById(POjbID+"Div"+i).style.display = "none";
document.getElementById(POjbID+i).style.fontWeight = "normal";
document.getElementById(POjbID+i).style.backgroundColor = "#ff0000";
document.getElementById(POjbID+i).style.color = "#fff";
}

document.getElementById(POjbID+"Div"+ViewID).style.display = "";
document.getElementById(POjbID+ViewID).style.fontWeight = "bold";
document.getElementById(POjbID+ViewID).style.color = "#ff3300";
document.getElementById(POjbID+ViewID).style.backgroundColor = "#00ff00";
}
catch(err)
{}
}
</script>
<style>
body{font-size:12px;}
#ara{width:360px;background-color:#cfc;border:#060 1px solid;}
#Sah li{
float:left;
list-style:none;
cursor:pointer;
width:80px;
background-color:#000000;
color:#fff;
text-align:center;
padding:5px;
}
#Sah .df{background-color:#0f0;color:#f30;font-weight:bold;}
</style>
</head>

<body>
<div id="ara">
<div id="Sah">
<li id="ac1" class="df"><a onmouseover="SwcAr('ac','1',4)" title="请单击">业界资讯</a></li>
<li id="ac2"><span><a onmouseover="SwcAr('ac','2',4)" title="请单击">技术广角</a></span></li>
<li id="ac3"><span><a onmouseover="SwcAr('ac','3',4)" title="请单击"><span>求职职场</a></span></li>
<li id="ac4"><span><a onmouseover="SwcAr('ac','4',4)" title="请单击"><span>休闲娱乐</a></span></li>
</div>
<div id="acDiv1" class="rl">
<ul>
<li>业界资讯</li>
<li>业界资讯</li>
<li>业界资讯</li>
<li>业界资讯</li>
<li>业界资讯</li>
<li>业界资讯</li>
</ul>
</div>
<div id="acDiv2" class="rl" style="display:none;">
<ul>
<li>技术广角</li>
<li>技术广角</li>
<li>技术广角</li>
<li>技术广角</li>
<li>技术广角</li>
<li>技术广角</li>
</ul>
</div>
<div id="acDiv3" class="rl" style="display:none;">
<ul>
<li>求职职场</li>
<li>求职职场</li>
<li>求职职场</li>
<li>求职职场</li>
<li>求职职场</li>
<li>求职职场</li>
</ul>
</div>
<div id="acDiv4" class="rl" style="display:none;">
<ul>
<li>休闲娱乐</li>
<li>休闲娱乐</li>
<li>休闲娱乐</li>
<li>休闲娱乐</li>
<li>休闲娱乐</li>
<li>休闲娱乐</li>
</ul>
</div>
</div>
</body>
</html>
[ 关 闭 ]
由于一些内容和图片来源于互联网,如果发现有涉嫌侵犯您的版权,请联系QQ:274087488 或发送邮件至:274087488@qq.com,我们将立刻删除涉嫌侵权的内容。
首页  |  关于我们  |  网站建设  |  网站推广  |  域名注册  |  虚拟主机  |  企业邮箱  |  网站知识  |  网站优化排名SEO  |  网站地图  |  法律声明  |  友情链接  |  客户反馈  |  联系我们

一二八软件
  咨询热线(微信):181 23965 128     QQ:274087488 , 2502198816
电话:0755-25692900     传真:0755-25692900     E-mail:128@128.in    网址1:https://www.128.in
Copyright © 2005-2022 深圳市一二八软件有限公司 All Right Reserved. 网址2:http://www.128web.cn
粤公网安备 44030702001693号     备案/许可证编号:粤ICP备15073280号   
 
扫一扫 打开网站   扫一扫 加我微信
咨询电话(微信)
181 23965 128

扫一扫 加我微信