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

最新推荐文章于 2021-05-31 06:48:01 发布

原创最新推荐文章于 2021-05-31 06:48:01 发布 · 458 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML #Blog

javascript 专栏收录该内容

112 篇文章

订阅专栏

本文档介绍了一个简单的HTML页面结构，并使用JavaScript实现了一个用于切换菜单显示状态的功能。该功能通过点击图片触发，改变浏览器窗口的布局。

转载：http://hi.baidu.com/javajavajava/blog


<!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>