用JS 实现页面左边栏

最新推荐文章于 2024-06-15 21:06:37 发布

最新推荐文章于 2024-06-15 21:06:37 发布 · 167 阅读

文章标签：

<HTML>

<HEAD>

<TITLE>开心岛社区</TITLE>

<META content="text/html; charset=gbk" http-equiv=Content-Type>

<script language=javascript src="../inc/cookies.js"></script>

<script>

var stylecook = getCookie("STYLESHOW");

var style;

var strstyle;

if(stylecook=="")

 stylecook=1;

else

 stylecook++;

style="main0"+stylecook+".css";

strstyle="<link href=\"../css/"+style+"\"  rel=\"stylesheet\" type=\"text/css\"> ";

document.write(strstyle);

</script>

<script language=javascript>

if(self!=top){top.location=self.location;}

function switchSysBar(){

        var obj=document.getElementById('left');

        var menu=document.getElementById('switchPoint');

        if(obj.style.display=='none'){

               obj.style.display='';

               menu.innerHTML = "<img src=\"../images/ftbbs_close.gif\" style=\"cursor:pointer;\" alt=关闭左栏>";

        }else{

               obj.style.display='none';

               menu.innerHTML = "<img src=\"../images/ftbbs_open.gif\" style=\"cursor:pointer;\" alt=打开左栏>";

</script>

<script>

var stylecook = getCookie("STYLESHOW");

var style;

var tmpstylecook;

function setcookies()

 tmpstylecook = stylecook;

function  reloadcook()

   var scooks = getCookie("STYLESHOW");

   if(scooks != tmpstylecook)

        window.location.reload();

setcookies();

setInterval('reloadcook()',1000);

</script>

<BODY scroll=no style="MARGIN: 0px">

<TABLE border=0 cellPadding=0 cellSpacing=0 height="100%" width="100%">

  <TBODY>

  <TR>

    <TD align=middle id=frmTitle noWrap vAlign=center>

        <IFRAME frameBorder=0 id="left" name=left scrolling=yes src="ftbbstree.htm" style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 140px; Z-INDEX: 2"></IFRAME>

        </TD>

    <td>

        <table height="100%" width="12" cellspacing="0" cellpadding="0" class="nar">

          <tbody>

            <tr>

              <td align="center" id="switchPoint" onclick="switchSysBar();" height="100%">

              <img src="../images/ftbbs_close.gif" style="cursor:pointer;" alt=关闭左栏>

              </td>

            </tr>

          </tbody>

        </table>

    </td>

    <TD style="WIDTH: 100%">

        <IFRAME frameBorder=0 id="main" name=main scrolling=yes src="main.asp?layer_1=&layer_2=" style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 100%; Z-INDEX: 1"></IFRAME>

        </TD>

  </TR>

  </TBODY>

</TABLE>

<SCRIPT>

if(window.screen.width<'1024'){switchSysBar()}

</SCRIPT>

</BODY>

</HTML>