`

js 实现显示或关闭导航菜单

    博客分类:
  • js
阅读更多

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script language='JavaScript' type='text/JavaScript'>
function preloadImg(src) {
var img=new Image();
img.src=src
}
preloadImg('admin_top_open.gif');

var displayBar=true;
function switchBar(obj) {
if (displayBar) {
    parent.frame.cols='0,*';
    displayBar=false;
    obj.src='admin_top_open.gif';
    obj.title='打开左边管理导航菜单';
} else {
    parent.frame.cols='200,*';
    displayBar=true;
    obj.src='admin_top_close.gif';
    obj.title='关闭左边管理导航菜单';
}
}
</script>
<BODY>
<img onclick='switchBar(this)' src='admin_top_close.gif' title='关闭左边管理导航菜单' style='cursor:hand'>
</BODY>
</HTML>

分享到:
评论

相关推荐

    css+div+js实现简单导航栏菜单栏

    "CSS+Div+JS实现简单导航栏菜单栏"是一个基础但实用的主题,它涵盖了网页布局、样式设计以及交互功能的实现。接下来,我们将深入探讨这三个关键技术在创建导航栏菜单栏中的应用。 首先,CSS(层叠样式表)是用于...

    一个类似阿里巴巴的js控制的导航栏.rar

    本资源“一个类似阿里巴巴的js控制的导航栏.rar”提供了一个使用JavaScript实现的导航栏示例,旨在模仿阿里巴巴网站的导航效果。在这个压缩包中,只有一个文件“一个类似阿里巴巴的js控制的导航栏”,这可能是HTML、...

    css导航栏精选,javascript导航栏

    在压缩包中的"导航栏设计"文件可能包含各种CSS和JavaScript实现的导航栏示例。学习这些示例,你可以了解到如何结合使用这两种技术来创建功能丰富、响应迅速且视觉效果出色的导航栏。同时,还可以研究其中的代码结构...

    纯js实现树形导航菜单

    本主题将深入探讨如何使用纯JavaScript(JS)来实现这样的功能,无需依赖任何外部库或框架。以下是对实现这一功能所需技术点的详细解释。 1. **HTML 结构**: 首先,我们需要创建一个基础的HTML结构来承载我们的...

    导航菜单鼠标放上去横向显示子菜单

    文件“导航菜单鼠标放上横向显示子菜单”可能包含了HTML、CSS和JavaScript代码,演示了如何在ASP.NET环境中实现这个功能。在实际项目中,我们需要将这些代码整合到ASP.NET页面中,通过后台代码处理动态数据,以实现...

    BootStrap实现响应式布局导航栏折叠隐藏效果(在小屏幕、手机屏幕浏览时自动折叠隐藏)

    在本文中,我们将探讨如何使用Bootstrap实现响应式布局的导航栏,并在小屏幕或手机屏幕上实现折叠隐藏效果。 首先,为了实现响应式导航栏,我们需要引入Bootstrap的相关CSS和JS文件。在HTML文档的`&lt;head&gt;`部分,...

    js左侧风琴式导航栏

    这种导航栏的特点是只显示一级菜单,当用户点击某一项时,对应的二级菜单会像风琴一样展开,其他二级菜单则会收起,从而节省空间并保持界面整洁。 在JavaScript中实现左侧风琴式导航栏,主要涉及以下几个关键知识点...

    js天猫弹性导航菜单栏代码.rar

    【描述】:“js天猫弹性导航菜单栏代码”这个项目可能是一个基于JavaScript实现的天猫网站风格的弹性导航菜单栏代码。这种菜单栏通常具有响应式设计,能够根据用户的设备屏幕大小自动调整布局,确保在不同设备上都能...

    js-实现蓝色的阿里云导航菜单.rar

    在JavaScript(简称js)编程中,创建动态交互的网页元素是一项基本技能,而阿里云导航菜单就是这样的一个实例。这个项目旨在教你如何使用js来实现一个具有蓝色主题、支持多级导航的阿里云风格菜单。下面我们将深入...

    简单导航栏html+js+css

    在导航栏的设计中,jQuery可以进一步增强用户体验,例如通过`.hover()`方法处理悬停事件,`.slideToggle()`实现菜单的滑动展开和关闭。 总的来说,"简单导航栏html+js+css"项目是一个很好的学习实践,涵盖了网页...

    js实现横向弹出二级菜单

    在网页设计中,二级导航菜单是一种常见的交互元素,它能够帮助用户更方便地浏览和访问网站的深层内容。本文将详细讲解如何使用JavaScript实现一个横向弹出的二级菜单,包括菜单的显示、隐藏以及响应式行为。 首先,...

    js实现的可伸缩的级联菜单

    在这个“js实现的可伸缩的级联菜单”项目中,开发者使用JavaScript这一强大的客户端脚本语言,构建了一个动态的、可扩展的级联菜单系统。 JavaScript是一种轻量级的解释型编程语言,主要应用于网页和网络应用的交互...

    漂亮的可以自动显示隐藏的导航菜单(四个)

    在IT行业中,网页设计是至关重要的一环,而导航菜单作为用户与网站交互的关键元素,其设计和实现方式直接影响用户体验。标题“漂亮的可以自动显示隐藏的导航菜单(四个)”揭示了这个压缩包包含四个不同风格的自动显示...

    js css jquery 树形菜单 级联下拉框 自动弹出菜单 导航栏 跑马灯 js特效

    本文将详细解析"js css jquery 树形菜单 级联下拉框 自动弹出菜单 导航栏 跑马灯 js特效"这一主题中的各个知识点,帮助你理解和应用这些技术。 1. **JavaScript**: JavaScript是一种轻量级的解释型编程语言,主要...

    导航菜单,下拉菜单,手风琴菜单,JS下拉菜单,jQuery下拉菜单,导航下拉菜单特效

    本文将深入探讨“导航菜单”、“下拉菜单”、“手风琴菜单”以及它们在JavaScript(JS)和jQuery中的实现,同时也会介绍相关的特效。 首先,让我们了解“导航菜单”。导航菜单通常位于网页的顶部或侧边,它列出了...

    js实现收缩菜单

    综上所述,利用JavaScript实现收缩菜单不仅可以提升网站的交互性和美观度,还能优化用户体验,尤其是在资源受限的环境中,如移动设备。开发者在实现此类功能时,应综合考虑技术细节和用户体验,以创建既实用又吸引人...

    js+css+div导航菜单

    标题中的"js+css+div导航菜单"是指一种利用JavaScript(js)、层叠样式表(css)和定义网页布局的元素共同构建的交互式网站导航菜单。这种菜单能够提供动态效果,增强用户体验,使用户更容易浏览和访问网站的不同...

    ElementUI之首页导航及左侧菜单(模拟实现)

    当用户点击导航栏时,可以更新`isCollapse`以显示或隐藏左侧菜单。 ```javascript data() { return { isCollapse: false, navItems: [{ text: '首页', route: '/' }, { text: '关于', route: '/about' }], ...

    基于js的iframe 可关闭tab标签组件使用方法

    本教程将详细讲解如何使用JavaScript实现一个可关闭的iframe内嵌tab标签组件。这个组件能够帮助用户在同一个页面中方便地切换和管理多个内容区域,而无需刷新整个页面。 首先,`iframe`是HTML5中的一个元素,它允许...

    导航菜单 JSUI

    【标题】:“导航菜单 JSUI”是一个关于使用JavaScript和CSS构建动态导航菜单的教程,它主要探讨了如何利用JSUI库来创建用户友好的网页导航结构。JSUI是一款轻量级的前端框架,专为简化网页开发而设计,尤其是对于...

Global site tag (gtag.js) - Google Analytics