css中显示隐藏div层,JS CSS 显示隐藏DIV 层

匿名用户

1级

2011-01-12 回答

调整了下标签的位置一般js要放在css后面最好js放在dom最后，等待dom解释完毕再执行js代码

无标题文档

#div1{ border:1px #06F solid;height:50px;width:100px;display:none;}

#div2{ border:1px #06F solid;height:50px;width:100px;display:none;}

a { display:block}

显示/隐藏

function getElementsByClassName(className){

var elements=document.getElementsByTagName('*');

var returnElements=[];

for(var i=0;i

var element=elments[i];

if(element.getAttribute('class').indexOf(className)){

returnElements.push(element);

}

return returnElements;

}

function toggle(targetClass){

if (document.getElementById){

target=getElementsByClassName(targetClass)[0];

if (target.style.display=="block"){

target.style.display="none";

} else {

target.style.display="block";

}

css中显示隐藏div层,JS CSS 显示隐藏DIV 层相关推荐

一篇文章教你学会如何使用CSS中的雪碧图（CSS Sprite）
一篇文章教你学会如何使用CSS中的雪碧图(CSS Sprite) 一.什么是雪碧图? 雪碧图(CSS Sprite)又叫CSS精灵图,是一种网页图片应用处理方式,他允许你将一个页面设计到所有零星图片 ...
CSS中设置( 单行、多行 )超出显示省略号
1. 设置超出显示省略号 css设置超出显示省略号可分两种情况: 单行文本溢出显示省略号- 多行文本溢出显示省略号- 但使用的核心代码是一样的:需要先使用 "overflow:hidden; ...
css关闭窗口按钮的代码,JS+CSS实现带关闭按钮DIV弹出窗口的方法
这篇文章主要介绍了JS+CSS实现带关闭按钮DIV弹出窗口的方法,实例分析了div弹出层窗口的实现技巧,非常具有实用价值,具有一定参考借鉴价值,需要的朋友可以参考下本文实例讲述了JS+CSS实现带关 ...
css如何设置文本垂直居中显示,css中怎么设置文本居中？css文本垂直居中的设置方法...
在网页设计的过程中,有时候可能为了布局美观可能需要让文本居中,那么,怎么设置文本居中呢?本篇文章将给大家介绍关于css设置文本垂直居中的方法. 首先我们要知道通过css实现元素的水平居中较为简单:对文 ...
css中怎么代码可以换行吗,css强制换行代码怎么写？
自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,确实挺让人头疼的,下面就来介绍下CSS如何实现换行的方法. 强制不换行 div{ white-space:nowrap; ...
css中在图片上加透明,css 给图片添加滤镜效果，透明层毛玻璃效果
我们用的第一个滤镜是sepia(),他会给图片增加一整降饱和度的橙色染色效果原图添加sepia滤镜的效果 img{ width:100%; transition: .5s filter; filt ...
Vue3新属性 — css中使用v-bind（v-bind in css）
Vue3新属性:CSS 中的 v-bind() 写在前面: 本文主要介绍Vue3中的新增的v-bind()的常用使用方式,主要包括在css,less,scss中的使用,可以参考官方文档查看:Vue3官 ...
css中两行图片整齐排布,css 标题一行图片两行文字的排列方法以及相关问题处理...
今天就遇到了这么一个效果,代码原理比较简单就是图片float:left;,但是如果在做一个比较复杂的模板时,有可能遇到很多问题,使标题文字不能和图片对齐. 今天遇到一个问题,错误效果如下正确显示应为 ...
css中 media的用法,如何在css中正确使用@media
如何在css中使用@media作为特定分辨率?所以我想让我的侧栏更改取决于用户分辨率,所以我使用@media.如何在css中正确使用@media 这是示例代码: @media (max-width: ...
html jq固定div高度,js/jQuery获取/设置div的高度，宽度···
js/jQuery获取/设置html标签的高度等css属性· $(".out-div").height($(window).height() - $("#topDiv&q ...

css中显示隐藏div层,JS CSS 显示隐藏DIV 层

css中显示隐藏div层,JS CSS 显示隐藏DIV 层相关推荐

最新文章

热门文章