发送文章__当百网

文章·资料	电脑软件	手机软件	网站源码
电脑·手机·网络学习话题娱乐故事文化·历史国学典籍法律法规	操作系统网络办公·文件音频视频图形图像硬件·驱动程序行业教学学习编程游戏	安卓苹果鸿蒙其他	ASP ASP.NET JSP PHP HTML·CSS·JavaScript

本站搜索

发送文章

使用脚本(JavaScript)实现同一个页面中的多个层(div)同时只显示指定的一个

〖评论()〗〖留言〗〖收藏〗

收信地址

填写收信人的电子邮箱

邮件主题

填写邮件主题

邮件内容

Script Language=JavaScript!--  
function   
GuDIVShowHidden(GuDIVShowHiddenA,GuDIVShowHiddenB,GuDIVShowHiddenC, GuDIVShowHiddenD,GuDIVShowHiddenE,GuDIVShowHiddenF)   
{  
if (GuDIVShowHiddenA.style.display==none) {  
GuDIVShowHiddenA.style.display=;  
if (GuDIVShowHiddenB!=null) {  
GuDIVShowHiddenB.style.display=none;  
}  
if (GuDIVShowHiddenC!=null) {  
GuDIVShowHiddenC.style.display=none;  
}  
if (GuDIVShowHiddenD!=null) {  
GuDIVShowHiddenD.style.display=none;  
}  
if (GuDIVShowHiddenE!=null) {  
GuDIVShowHiddenE.style.display=none;  
}  
if (GuDIVShowHiddenF!=null) {  
GuDIVShowHiddenF.style.display=none;  
}  
}  
else {  
GuDIVShowHiddenA.style.display=none;  
if (GuDIVShowHiddenB!=null) {  
GuDIVShowHiddenB.style.display=none;  
}  
if (GuDIVShowHiddenC!=null) {  
GuDIVShowHiddenC.style.display=none;  
}  
if (GuDIVShowHiddenD!=null) {  
GuDIVShowHiddenD.style.display=none;  
}  
if (GuDIVShowHiddenE!=null) {  
GuDIVShowHiddenE.style.display=none;  
}  
if (GuDIVShowHiddenF!=null) {  
GuDIVShowHiddenF.style.display=none;  
}  
}  
}  
//--  
/Script  
  
input type=button name=Button_DIV_1   
onclick=JavaScript:GuDIVShowHidden(GuDIV_1,GuDIV_2,GuDIV_3,GuDIV_4,GuDIV_5,GuDIV_6);   
value=显示/隐藏第一个层，同时关闭其它的层br  
input type=button name=Button_DIV_2   
onclick=JavaScript:GuDIVShowHidden(GuDIV_2,GuDIV_1,GuDIV_3,GuDIV_4,GuDIV_5,GuDIV_6);   
value=显示/隐藏第二个层，同时关闭其它的层br  
input type=button name=Button_DIV_3   
onclick=JavaScript:GuDIVShowHidden(GuDIV_3,GuDIV_1,GuDIV_2,GuDIV_4,GuDIV_5,GuDIV_6);   
value=显示/隐藏第三个层，同时关闭其它的层br  
input type=button name=Button_DIV_4   
onclick=JavaScript:GuDIVShowHidden(GuDIV_4,GuDIV_1,GuDIV_2,GuDIV_3,GuDIV_5,GuDIV_6);   
value=显示/隐藏第四个层，同时关闭其它的层br  
input type=button name=Button_DIV_5   
onclick=JavaScript:GuDIVShowHidden(GuDIV_5,GuDIV_1,GuDIV_2,GuDIV_3,GuDIV_4,GuDIV_6);   
value=显示/隐藏第五个层，同时关闭其它的层br  
input type=button name=Button_DIV_6   
onclick=JavaScript:GuDIVShowHidden(GuDIV_6); value=显示/隐藏第六个层，其它层不影响  
br  
br  
div id=GuDIV_1 style=display:none第一个层/div  
div id=GuDIV_2 style=display:none第二个层/div  
div id=GuDIV_3 style=display:none第三个层/div  
div id=GuDIV_4 style=display:none第四个层/div  
div id=GuDIV_5 style=display:none第五个层/div  
div id=GuDIV_6 style=display:none第六个层/div  
这是我目前想到的最简单的同时只显示一个层，并关闭其它相应的层，最多支持六个，显示一个，隐藏五个，如果只有一个层，只需附带一个参数即可，就像“显示/隐藏第六个层”。如果一个网站有多个页面需要使用到此效果，不必在每个页面都嵌入代码，做一个.js 文件链接，所有页面都直接调用（蓝色部分的代码即是参数，层的 id 名称），每个层都必须有一个名称。  
  
   
   
   
  
   
   
   
   
   
使用脚本(JavaScript)实现同一个页面中的多个层(div)同时只显示指定的一个__当百网   
   
   
   
  
  
  
  
  
  
  
  
  
  
  
  
  
第一个层  
第二个层  
第三个层  
第四个层  
第五个层  
第六个层  
   
   
   
   
   
   
   
   
   
   
<br /><br />文章网址：<a href="https://dangbai.cn/Article.asp?ID=10002835" target="_blank">https://dangbai.cn/Article.asp?ID=10002835</a>

填写邮件内容

发信地址

填写发信人的电子邮箱

邮件签名

填写邮件签名

验证码

填写验证码，单击刷新验证码

发送协议

·欢迎使用本站在线文章发送系统。
·不得使用本站在线发送邮件系统发送垃圾邮件、广告邮件。
·如果收信人地址或其服务器出现错误，可能无法成功发送。
·如果有什么问题，或者意见建议，请联系［网站管理员］。

当百网

本站使用【啊估文章软件站】网站系统〖网站管理员留言簿〗