页面切换

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/xiaoleizhanghahaha/article/details/53415281

var type="";
function changeCal(obj){
if(obj.id == "undoList"){
$$("undoList").className = "b-gra ub-f1 uinn ub ub-ac ub-pc c-wh ubr";
$$("doList").className = "b-gra ub-f1 uinn ub ub-ac ub-pc c-gra";

$$("undo_Con").className = "";
$$("do_Con").className = "uhide";
$$("hlhjy").className = "uhide";
$$("doneTaskNextPage").className = "uhide";
$$("nextPage").className = "";
$$("triangle1").className = "triangle triangle-t";
$$("triangle2").className = "uhide triangle triangle-t";
type=true;
}else{
$$("undoList").className = "b-gra ub-f1 uinn ub ub-ac ub-pc c-gra ubr";
$$("doList").className = "b-gra ub-f1 uinn ub ub-ac ub-pc c-wh";
$$("hlhjy").className = "uhide";
$$("nextPage").className = "uhide";
$$("doneTaskNextPage").className = "";
$$("undo_Con").className = "uhide";
$$("do_Con").className = "";
$$("triangle1").className = "uhide triangle triangle-t";
$$("triangle2").className = "triangle triangle-t";
getDoneTasks();
type=false;
}
}

页面

<div id="page_0" class="up ub ub-ver" >
<!--header开始-->
<div id="header" class="uh t-wh ub ub-ver c-blu">
<div>
<div class="umw4 ub ub-ac ub-pc">
<!-- <div class="ub-img uwh2 img1" onclick="history.go(-1)"></div> -->
</div>
<h1 class="ut ub-f1 ulev-3 ut-s tx-c" >我的待办</h1>
<div class="umw4 ub ub-ac ub-pc"></div>
</div>
<div class="">
<!-- 切换区域开始 -->
<div class="ub ubb b-gra uc-t1">
<div class="b-gra ub-f1 uinn ub ub-ac ub-pc c-wh ubr" id="undoList"
onclick="changeCal(this)">
<!--单位换算开始-->
<div class="ub t-bla">
<div class="b-gra ub-f1 img2 uinn ub-img"></div>
<div class="b-gra ub-f1 uinn">待办</div>
</div>
<!--单位换算结束-->
</div>
<div class="b-gra ub-f1 uinn ub ub-ac ub-pc c-gra" id="doList"
onclick="changeCal(this)">
<!--计算器开始-->
<div class="ub t-bla">
<div class="b-gra ub-f1 img3 uinn ub-img"></div>
<div class="b-gra ub-f1 uinn">已办</div>
</div>
<!--计算器结束-->
</div>


</div>
<!--切换区域结束-->


<!--小三角线开始-->
<div class="ub uc-t1 triangle-bg">
<div class="ub-f1 ub ub-ac ub-pc">
<div class="triangle triangle-t" id="triangle1"></div>
</div>
<div class="ub-f1 ub ub-ac ub-pc">
<div class="uhide triangle triangle-t" id="triangle2"></div>
</div>
</div>
</div>
</div>
<!--小三角线结束-->
<div id="content" class="ub-f1 con_top">
<!--块容器结束-->
<div class="ub ub-ver uba c-gra b-gra t-bla">
<!-- list 开始-->
<div class="c-wh">
<!--待办开始-->
<div class="" id="undo_Con">

<div class="uhide" id="do_Con">
</div>
<div class="uhide" id="hlhjy">
</div>