如:在一个画面上有“老师”“学生”,点老师弹出老师的权限,点学生弹出学生权限,都要在一个页面。
这不就是用div+css弄好页面,然后用javascript的点击事件来实现的吗
是的,但是我是初学的,这方面很弱,能不能给段代码
写一下大体的结构吧,要用到jquery
<ul>
<li onclick="showDiv(1)">老师<li>
<li onclick="showDiv(2)">学生<li>
</ul>
<div id="teacherDiv" style="display:none">
老师权限
</div>
<div id="studentDiv" style="display:none">
学生权限
</div>
<script>
function showDiv(type)
{
if(type==1)
{
$("#teacherDiv").show();
}
if(type==2)
{
$("#studentDiv").show();
}
}
<script>
写两套,用hidden属性隐藏
单击事件,和隐藏显示
单击事件,和隐藏显示