显示&隐藏侧边栏

最新推荐文章于 2024-06-08 09:45:20 发布

shuyu586813

最新推荐文章于 2024-06-08 09:45:20 发布

阅读量2.8k

点赞数

分类专栏： html javascript 文章标签： class xhtml javascript float html function

本文链接：https://blog.csdn.net/shuyu586813/article/details/2711250

版权

javascript 同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

html

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="zh-CN" xml:lang="zh-CN" xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>显示/隐藏</title>
<style type="text/css">

</style>
<script type="text/javascript">
function pr()
{
var L=document.getElementById("left"); // 变量：L代表 id="left" 的标记
var R=document.getElementById("right"); // 变量：R代表 id="right" 的标记
if (L.className=="left") // 判断：如果 id="left" 的class值等于left的话，将执行下面{}里面的内容
{
L.className="left1"; // 给 id="left" 的标记加上class：left1
R.className=" "; // id="right" 的标记加上class：空格，也就是消除class
}
else // 判断：如果 id="left" 的class值不等于left的话，将执行下面{}里面的内容
{
L.className="left"; // 给 id="left" 的标记加上class：left
R.className="right"; // 给 id="right" 的标记加上class：right
}
}
</script>
</head>
<body>
<div id="left" class="left"></div>
<div id="right" class="right">
<a href="javascript:pr()">显示/隐藏</a>
</div>
</body>
</html>

shuyu586813

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
显示&隐藏侧边栏

http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">http://www.w3.org/1999/xhtml">显示/隐藏*{margin:0;padding:0;}/* 消除所有标记的内外补丁默认值 */#left,#right{height:620px;}/* 定义容器的高度 */#left{background:#CCC;}/* 定义背景颜
复制链接

扫一扫