Toggle navigation
首页
热门资讯
资源下载
技术博客
会员
中心
会员中心
发布博文
发布资源
首页
文章中心
JavaScript
显示/隐藏侧边栏
212 阅读
0 评论
140 点赞
我是
靠谱客
的博主
外向灯泡
，最近开发中收集的这篇文章主要介绍
显示/隐藏侧边栏
，觉得挺不错的，现在分享给大家，希望可以做个参考。
概述
<!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"> <!-- /* PR 50198763 */ *{margin:0;padding:0;}/* 消除所有标记的内外补丁默认值 */ #left,#right{height:620px;}/* 定义容器的高度 */ #left{background:#CCC;}/* 定义背景颜色，用于区分左右容器 */ #right{background:#f5f5f5;}/* 同上 */ .left{float:left;width:20%;display:block;} /* 定义左边容器的宽度 */ .right{float:left;width:80%;display:block;clear:right;} /* 定义右边容器的宽度 */ .left1{width:0%;display:none;} /* 定义左边容器收拢时的状态：隐藏 */ --> </style> </head> <body> <div id="left" class="left"></div> <div id="right" class="right"> 显示/隐藏 俺是个js初学者，献丑了。这段js演示其实很简单，俺在这里只是想跟js大大们说一句：js是行为，不要跟样式表打架。有些事还是该由css来做的，例如：display:none || display:block，简直泛滥成灾了！俺只会玩玩css，拿到js不会改，不敢改，唉。明明一个class就能甩给css做的事，js为啥要抢着做呢？搞得俺们这些会点css滴菜鸟们好是郁闷~难道玩css就一定要会js么？ </div> </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
最后
以上就是
外向灯泡
为你收集整理的
显示/隐藏侧边栏
的全部内容，希望文章能够帮你解决
显示/隐藏侧边栏
所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将
靠谱客网站
推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
点赞(
140
)
本文分类：
JavaScript
浏览次数：
212
次浏览
发布日期：2022-04-08 02:51:01
本文链接：
https://www.kaopuke.com/article/k-p-k_13_u_7_o_14_f0_14_z_6__27_.html
相关文章
PHP错误抑制符(@)导致引用传参失败Bug的分析
VMware中CentOS设置静态IP的方法
Win10 Mobile稳定预览版版10586.338该怎么更新?
Airplay mac 怎么用？激活老款Mac上的AirPlay教程
显示/隐藏侧边栏
详解jQuery中基本的动画方法
解析php入库和出库
Win10系统Bash强行跑出Linux GUI应用介绍
评论列表
共有
0
条评论
发表评论
取消回复
登录
注册新账号
立即
投稿
返回
顶部
发表评论 取消回复