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

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

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

3、用DIV的浮动属性，左右并列两个标签<div style="float:left; width:25%">左</div><div style="float:right; width:75%">右</div>

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

5、左侧导航栏我们设定背景颜色和宽度，还有超链接样式/*左侧导航*/.center{ background-color: #FFFFFF; width: 148px;}.center a{ text-decoration:none;}

6、控制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>