本文介绍了如何使用Java实现一个折叠菜单，菜单位于左侧，点击后右侧的iframe会同步显示对应内容。通过JavaScript函数`showmenu(id)`控制菜单项的展开与折叠，并切换右侧iframe的内容。
用iframe标签
1.先有一个显示界面，用iframe分别显示左右的界面
Created by IntelliJ IDEA.
User: Skye
Date: 2017/12/26
Time: 9:21
To change this template use File | Settings | File Templates.
--%>
Titleframeborder="no" border="0" marginwidth="0" marginheight=" 0"
scrolling="no" allowtransparency="yes">
frameborder="no" border="0" marginwidth="0" marginheight=" 0"
scrolling="no" allowtransparency="yes">
2.然后，分别是左边的界面show/showAll.jsp，和右边的界面welcome/hello.jsp
Created by IntelliJ IDEA.
User: Skye
Date: 2017/12/25
Time: 11:12
To change this template use File | Settings | File Templates.
--%>
Titlefunction showmenu(id){
var list = document.getElementById("list" + id);
var menu = document.getElementById("menu" + id);
if(list.style.display == "none"){
document.getElementById("list" + id).style.display="block";
menu.className = "title1";
}else{
document.getElementById("list" + id).style.display="none";
menu.className = "title";
}
}
右边界面
Created by IntelliJ IDEA.
User: Skye
Date: 2017/12/26
Time: 9:08
To change this template use File | Settings | File Templates.
--%>
Titlehello
3.重点是，在左边界面的超链接
虫害一览 部分的target属性一定要与总的显示界面上的iframe中右边部分的name相同
扫一扫
1075
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
