JS怎么控制一个div自行显示

JavaScript014

JS怎么控制一个div自行显示,第1张

js 中 处理 div 的style 的 display为 block/none即可

代码示例:

var div1document.getElementById("div1")

var div2=document.getElementById("div2")

div1.style.display="none"//隐藏

div2.style.display="block"//显示

...

首先你得有个高宽比（比例），根据这个比，用js计算就是了。

function resizeHeight(id,size){

var ele = document.getElementById(id)

var width = ele.offsetWidth

ele.style.height = size*width+"px"

}

说明：id是div的id(String)，size是高宽比(Number)。

调用：

resizeHeight("youId",0.5)

window.onresize = resizeHeight("youId",0.5)

使用setTimeout()和hide()。

setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。

hide()，实现隐藏这个已经显示的div。

以下为使用setTimeout()设定一个函数在2秒后执行

$(function () {setTimeout(function () {$("divid").hide()}, 2000)})

扩展资料

.show()，如果被选元素已被隐藏，则显示这些元素。

jQuery选择器

$("p") 选取 <p>元素。

$("p.intro") 选取所有 class="intro" 的 <p>元素。

$("p#demo") 选取所有 id="demo" 的 <p>元素。

$("[href]") 选取所有带有 href 属性的元素。

$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。

$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。

$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。