刘雷的个人博客

特点:
一行两列布局;
左侧固定宽度,右侧自适应;
左侧导航点击伸缩,链接到当前页的指定新窗口
设定最小宽度.......
下载地址:
http://www.china-css.net/ship763/down/useradmin.rar


伸缩代码简洁版
js=============================================
<script type="text/javascript">
function $(d){return document.getElementById(d);}
function f(d){var t=$(d);if (t){return t.style;}else{return null;}}
function Hi(){var items = document.getElementsByTagName("ul");for (var i=0;i<items.length;i++){items[i].style.display='none';}}
function Hl(){var iteml = document.getElementsByTagName("h2");for (var j=0;j<iteml.length;j++){iteml[j].style.fontWeight='normal';}}
function h(d){var s=f(d);var b=s.display;if (b=='none'){return true;}else{return false;}}
function ShHi(ii,jj){if(h(jj)){f(jj).display='block';f(ii).fontWeight='bold';}else{f(jj).display='none';f(ii).fontWeight='normal';}}
</script>

CSS=============================================
 <h3 class="tit" id="t1" onclick="ShHi('t1','h1');">Enterprise Infomation</h3>
                <ul class="TxtList list" id="h1" style="display:none;">
                    <li><a href="ua-info/uasigninfo.php" target="main">Modify Password</a></li>
                    <li><a href="ua-info/basicinfo.php" target="main">Basic Info</a></li>
                    <li><a href="ua-info/detailinfo.php" target="main">Detail Info</a></li>
                    <li><a href="ua-info/certifications.php" target="main">Certifications</a></li>
                </ul>
          <h3 class="tit" id="t2" onclick="ShHi('t2','h2');">Person Manage</h3>
                <ul class="TxtList list" id="h2" style="display:none;">
                    <li><a href="ua-person/personpin.php" target="main">Person Password</a></li>
                    <li><a href="ua-person/personinfo.php" target="main">Person Information</a></li>
                </ul>