标准布局应用:显示/隐藏侧边栏 [附详细注解]_经验交流

显示/隐藏
俺是个js初学者,献丑了。这段js演示其实很简单,俺在这里只是想跟js大大们说一句:js是行为,不要跟样式表打架。有些事还是该由css来做的,例如:display:none || display:block,简直泛滥成灾了!俺只会玩玩css,拿到js不会改,不敢改,唉。明明一个class就能甩给css做的事,js为啥要抢着做呢?搞得俺们这些会点css滴菜鸟们好是郁闷~难道玩css就一定要会js么?

时间: 2024-10-04 12:29:06

标准布局应用:显示/隐藏侧边栏 [附详细注解]_经验交流的相关文章

WEB标准网页布局中尽量不要使用的HTML标签_经验交流

Do not use these html elements in html pages. Presentational elements should not be used. Support for some elements has been (or will be) deprecated; they should not be used. Don't Use These Tags Presentational b big hr i small sub sup tt Deprecated

Web标准学习资源(书籍、网站)推荐_经验交流

一.Web标准学习书籍推荐 1.<网站重构--应用WEB标准进行设计> screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0> 作者: (美)塞尔达曼译者: 王宗义 / 傅捷 / 祝军 页数: 358出版社: 电子工业出版社定价:

用css来控制图片大小显示的实现方法与代码_经验交流

有时候图片太大,会破环网页整齐的布局.这时可以用css来强制按比例压缩图片的高度或宽度 css代码如下: img,a img{ border:0;  margin:0;  padding:0; max-width:590px; width:expression(this.width>590?"590px":this.width); max-height:590px; height:expression(this.height>590?"590px":th

DIV border边框显示不完全问题的解决方法_经验交流

第一次遇到这样的问题,就是定义div的边框有部分却显示不了.而在firefox里却是一切正常,该死的ie,太过分了. 代码也没有问题,查了好多资料,还百度了许多网站,在blueidea里也没有找到解决办法.后来在台湾的一个网站上发现了一个很几的解决办法: 如下: 左右两边的边框就是不显示,气不死你~~郁闷, css是: 复制代码 代码如下: #divproject {    margin-top: 5px;    border: 1px solid #0099CC;  }  后来按照那个网站的介

css网页布局中注意的几个问题小结_经验交流

一.少用偏门. 类似break-word断行,z-index手动分层,还有像垂直对齐等等这些偏门CSS最好少用,因为不一定所有浏览器都支持,而且极难通过W3C检测.  二.center不是float的值. 很多新手都会把center误认为是float的值,而偏偏不是如此.center只是text-align的值.  三.对齐不能包括两个值. 很多新手会在float或者text-align中填写两个值,比如:float:left top.这是不允许的,浏览器也无法识别.  四.滚动条颜色最好不要自

htm页面中&amp;amp;lt;a name&amp;amp;gt;加name和id的冲突附解决方法_经验交流

至尊荣誉,优惠订阅,玄幻原创VIP促销活动正式开启-- 主题: 玄幻原创发展到目前的阶段,少不了广大忠实读者的支持,眼看玄幻原创已经步入正式轨道,为答谢一直支持玄幻原创的读者们,特推出VIP用户优惠订阅活动,只要你申请成为VIP包月用户,即可享受千字2.5分的优惠优惠订阅,即普通VIP用户订阅30000字需要100玄幻币,而包月VIP用户订阅则只需75玄幻币,帮你节省1/4的花销. 覆盖时间:待定 覆盖范围:所有VIP用户 / 所有VIP作品 问答: Q:什么是包月VIP? A:包月VIP用户是

CSS布局中可以用javascript判断浏览器版本_经验交流

if (window.XMLHttpRequest) { //Mozilla, Safari,...IE7  alert('Mozilla, Safari,...IE7 '); if(!window.ActiveXObject){ // Mozilla, Safari,... alert('Mozilla, Safari'); } else { alert('IE7'); } } else { alert('IE6'); } 看看运行效果: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执

显示/隐藏侧边栏_javascript技巧

显示/隐藏 俺是个js初学者,献丑了.这段js演示其实很简单,俺在这里只是想跟js大大们说一句:js是行为,不要跟样式表打架.有些事还是该由css来做的,例如:display:none || display:block,简直泛滥成灾了!俺只会玩玩css,拿到js不会改,不敢改,唉.明明一个class就能甩给css做的事,js为啥要抢着做呢?搞得俺们这些会点css滴菜鸟们好是郁闷~难道玩css就一定要会js么?

标准布局常见问题及解决办法_经验交流

CSS2.0盒模型层次平面示意图和3D示意图 3像素问题及解决办法 当使用float浮动容器后,在IE6下会产生3px的空隙,有意思的是右侧容器没设置高度时3px在右侧容器内部,当设定高度后又跑到容器的左侧了,所以对布局精度要求高的话,请参考例29.31的解决方法 上边容器浮动后,下边的容器跟着浮动,造成页面错乱 如以上例子中的footer必须要单独占一行,但当sidebar浮动后,content的高度小于sidebar的高度时,footer也跟着浮动到sidebar右侧了,造成页面错乱.解决办