`

网站后台左右收缩型页面脚本

脚本JavaScript 
阅读更多
<html>
<meta http-equiv=Content-Type content=text/html;charset=gb2312>
<title>mobaihuo网站后台免费提供</title>
<!--这里的样式的重点是指当鼠标移到三角按钮时变成手掌-->
<style type="text/css">
.navPoint {COLOR: white; CURSOR: hand; FONT-FAMILY: Webdings; FONT-SIZE: 9pt}
.a2{BACKGROUND-COLOR: A4B6D7;}
</style>
<!--onresize 事件 发生在窗口被调整大小的时候。carnoc是左边FRAME的ID。-->
<body style="MARGIN: 0px" scroll=no onResize=javascript:parent.carnoc.location.reload()>
<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TR>
<TD align=center width="100%" height=25 bgcolor="#B1C1E0" style="COLOR: #330099; font: 10.5pt"
><B>mobaihuo网站后台免费提供</B>
</TD>
</TR>
</TABLE>
<!--以下代码就是重点，屏幕切换点击后相应的向左或者向右展开-->
<script>
if(self!=top){top.location=self.location;}
function switchSysBar(){
if (switchPoint.innerText==3){
switchPoint.innerText=4
document.all("frmTitle").style.display="none"
}else{
switchPoint.innerText=3
document.all("frmTitle").style.display=""
}}
</script>
<!--以上代码就是重点，屏幕切换点击后相应的向左或者向右展开-->
<table border="0" cellPadding="0" cellSpacing="0" height="100%" width="100%">
  <tr>
    
    <td width="30" align="middle" vAlign="center" noWrap id="frmTitle"><!--注意这里的ID，它返回给上面那段javascript的-->

<!--以下是左边的FRAME,你只要做一个宽为180PX的页面嵌套进去就可以了。当然你也可以修改这句里WIDTH的值为你叶子的宽度-->
    <iframe frameBorder="0" id="carnoc" name="carnoc" scrolling=auto src="" style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 180px; Z-INDEX: 2">    </iframe>    </td>
<!--同志们请注意下面这个TD，它的颜色就是中间跑来跑去分栏部分的颜色，你可以在这里将颜色改成与你页面融洽的颜色-->

    <td width="46" bgcolor="#708EC7" style="WIDTH: 9pt">

<!--哈哈，看到了吧，中间的那个跑来跑去的栏实际上去一个TABLE哦！TABle的宽度就是那条栏的宽度-->
<table width="9" height="100%" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="200" style="HEIGHT: 100%" onClick="switchSysBar()"><!--这里调用上面的switchSysBar过程-->
            <font style="FONT-SIZE: 9pt; CURSOR: default; COLOR: #ffffff"> <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <!--这里你可以把3改成1或者其他数字来看看就发现了是形状问题了-->
            <span class="navPoint" id="switchPoint" title="关闭/打开左栏">3</span><br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
          屏幕切换 </font></td>
      </tr>
    </table></td>
<td width="630" style="WIDTH: 100%"> </td>
  </tr>
</table>
</html>
分享到：
| JavaScript仿LightBox内容显示效果
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js iframe网站后台左右收缩型页面脚本

    标题中的“js iframe网站后台左右收缩型页面脚本”指的是一个JavaScript实现的页面布局功能，主要应用于网站后台，使得页面的侧边栏可以左右收缩。这个功能通常用于提高后台管理界面的空间利用率，允许用户根据需要...

    网站后台页面左侧收缩折叠效果.zip

    【标题】：“网站后台页面左侧收缩折叠效果” 在网页设计中，后台管理界面通常需要提供高效的空间利用率和清晰的操作导航。这种“网站后台页面左侧收缩折叠效果”是一种常见的交互设计，它利用JavaScript（JS）技术...

    模仿126的一个后台管理页面网站后台管理

    【标题解析】：“模仿126的一个后台管理页面网站后台管理”这个标题表明我们要讨论的是一个仿造126邮箱风格的后台管理系统界面。126邮箱是网易公司提供的一个电子邮件服务，其后台管理页面通常是指管理员进行用户...

    十个静态网页后台页面

    "十个静态网页后台页面"这个主题意味着我们有一组用于后台管理界面的HTML文件，通常这类页面是给网站管理员或内部团队使用的，以便管理网站内容、用户数据或其他业务逻辑。 1. HTML基础知识：HTML（HyperText ...

    jQuery网站后台常用左侧伸缩下拉菜单代码

    这款菜单代码的核心特性是其伸缩功能，允许用户根据需要收缩或展开左侧的菜单栏，优化了后台界面的空间利用，使得页面在不同屏幕尺寸下都能保持良好的可读性和可用性。这在现代多设备访问的环境下尤其重要，因为它...

    27灰色 左边菜单可收缩后台管理系统界面 _css_pinkh1i_jquery_

    这种设计模式常见于许多网站和应用的管理员后台，它允许用户根据需要隐藏或显示菜单，以优化工作空间并提高效率。 在描述中，“27灰色”可能是指该界面设计采用了27号（可能是某种特定的色彩编号或者灰色的深浅程度...

    非常实用的后台管理模板,功能非常完善

    后台管理系统通常用于网站运营、数据分析、内容管理等，对于维护和管理网站或应用的后台操作至关重要。这类模板通常包含了一些通用的组件，如导航栏、侧边栏、面包屑导航、图标集等，同时也提供了数据展示和操作的...

    jquery后台框架模板

    这种模板将jQuery与后台框架结合，为开发者提供了完整的前端和后端解决方案，便于快速构建具有动态功能的网站或应用。 一、jQuery后台框架模板的核心特点 1. 左侧自动收缩：模板的左侧通常包含一个可收缩的侧边栏...

    jQuery网站后台左侧导航栏特效

    【jQuery网站后台左侧导航栏特效】是Web开发中常见的设计元素，主要应用于管理界面，提供清晰的层次结构，便于用户快速访问和操作。这个特效利用了JavaScript库jQuery的强大功能，结合CSS样式和HTML结构，实现了三级...

    利用Div+CSS自动收缩菜单

    "利用Div+CSS自动收缩菜单"就是这样一个例子，它实现了菜单的动态效果，如自动收缩、自动打开和自动隐藏，这在后台管理系统中非常实用，因为它们能够节省屏幕空间，提高用户体验。 首先，我们要理解Div+CSS的基本...

    easyui+ztree后台管理系统模板

    5. **文件结构**：在"flmkFrame"这个文件名中，"Frame"可能代表框架或结构，这可能是整个后台管理系统的基础框架文件，包含了EasyUI和ZTree的基本配置、样式文件（CSS）、脚本文件（JavaScript）以及HTML模板等。...

    jquery后台模版

    本文将深入探讨一款基于jQuery的后台模板，该模板专为后台操作设计，具有全屏宽度、可收缩的侧边栏以及动态菜单等功能。 一、模板概述 这款“jquery后台模版”是基于jQuery框架进行定制的，它主要服务于后台管理...

    asp无限级分类加js收缩伸展功能代码

    ASP（Active Server Pages）是一种微软开发的服务器端脚本语言，常用于构建动态网页。在ASP中实现无限级分类是一项常见的需求，特别是在处理如产品目录、文章分类等具有层级关系的数据时。无限级分类允许我们构建...

    后台管理系统，界面框架

    在后台管理系统中，这种设计能够有效提高工作效率，减少用户在不同页面间切换的时间。用户可以通过点击不同的标签轻松地在相关功能模块间进行切换，而无需频繁地打开新窗口或者刷新页面。在“index0.html”这个文件...

    手风琴导航 选项卡效果+动态html页面加载

    它利用XMLHttpRequest对象在后台与服务器通信，只更新部分网页内容，而不是整个页面。这降低了页面加载时间，提高了用户体验。如今，多数现代Web框架如jQuery、Vue.js、React.js等都支持异步数据获取和局部页面更新...

    基于asp于access的新闻发布系统

    【ACCESS 2000数据库】ACCESS是微软的桌面关系型数据库管理系统（RDBMS），2000版是其早期的一个版本。在这个新闻发布系统中，ACCESS 2000作为数据库服务器，存储和管理新闻数据，包括新闻类别、内容、发布时间等...

    QQ页面静态悬浮在线客服

    JavaScript是一种广泛用于客户端Web开发的脚本语言，负责处理页面的动态行为。在这个案例中，JavaScript可能用于实现悬浮效果、客户窗口的展开和收缩功能，以及可能的交互逻辑。 3. **JavaScript**：JavaScript在...

    041中英双语绿色风格电子有限公司网站源代码.rar

    这篇文档将深入解析"041中英双语绿色风格电子有限公司网站源代码"的相关知识点，这是一套完整的网站源代码，适用于构建一个既具备中文界面又支持英文展示的电子公司官方网站。源代码的完整性使其可以直接应用于实际...

    asp portal企业样式

    在"asp portal企业样式"中，JavaScripts可能被用来实现用户界面的动态功能，如表单验证、下拉菜单的展开与收缩、页面导航、时间戳更新等。通过与ASP的交互，JavaScript可以提供更丰富的用户体验，同时减轻服务器的...

Magicbox
Global site tag (gtag.js) - Google Analytics