计算机专业毕业设计：[36]用户个人中心2

计算机专业的很多同学临近毕业了，才着急怎么做一个毕业设计来进行答辩。很短的时间是不可能完成的，天使预计用三个月的时间和计算机专业的同学分享一下怎么完成毕业之前的一项重要任务“毕业设计”。请小伙伴们跟上天使的步伐，在天使的带领下，一起完成你们的毕业设计吧。后期，天使还会讲解如何毕业论文等，希望小伙伴们持续关注哦。

工具/原料

登录成功之后，我们点击【进入个人中心】获取相应的权限

打开【user_center.aspx】页面，我们用div将页面分为左右两半

用DIV的浮动属性，左右并列两个标签

<div style="float:left; width:25%">左</div><div style="float:right; width:75%">右</div>

我们制作一个伸缩菜单，选取菜单的标示图片

左侧导航栏我们设定背景颜色和宽度，还有超链接样式

.center{    background-color: #FFFFFF;    width: 148px;}.center a{   text-decoration:none;}

控制div标签伸缩的关键代码

<script type="text/javascript">        var preFrameW = '206,*';        var FrameHide = 0;        var curStyle = 1;        var totalItem = 9;        function ChangeMenu(way) {            var addwidth = 10;            var fcol = top.document.all.btFrame.cols;            if (way == 1) addwidth = 10;            else if (way == -1) addwidth = -10;            else if (way == 0) {                if (FrameHide == 0) {                    preFrameW = top.document.all.btFrame.cols;                    top.document.all.btFrame.cols = '0,*';                    FrameHide = 1;                    return;                } else {                    top.document.all.btFrame.cols = preFrameW;                    FrameHide = 0;                    return;                }            }            fcols = fcol.split(',');            fcols[0] = parseInt(fcols[0]) + addwidth;            top.document.all.btFrame.cols = fcols[0] + ',*';        }

        function mv(selobj, moveout, itemnum) {            if (itemnum == curStyle) return false;            if (moveout == 'm') selobj.className = 'itemsel';            if (moveout == 'o') selobj.className = 'item';            return true;        }

        function changeSel(itemnum) {            curStyle = itemnum;            for (i = 1; i <= totalItem; i++) {                if (document.getElementById('item' + i)) document.getElementById('item' + i).className = 'item';            }            document.getElementById('item' + itemnum).className = 'itemsel';        }

    </script>