您的位置：首页 > Web前端 > CSS

Css+DIV关于层的显示与隐藏

2008-01-03 12:51 519 查看

================《一》================

<script language="javascript">

function show(status){

document.getElementById("div1").style.display = status;

}

</script>

<div id="div1" style="left:10px;top:200px;width:250;height:100;z-index:2;">

这是一层,能看见吗,呵呵.

</div>

<a href=# onClick="show('block');">显示</a>

<a href=# onClick="show('none')">关闭</a>

================《二》=================

<script language="javascript">

function show(status)

{

document.getElementById("div1").style.visibility = status;

setTimeStart();

}

function setTimeStart()

{

window.setTimeout("document.getElementById('div1').style.visibility = 'hidden';",2000);

}

</script>

<div id="div1" style="left:10px;top:200px;width:250;height:100;z-index:2;visibility:hidden;">

这是一层,能看见吗,呵呵.

</div>

<a href=# onclick="show('visible');">显示</a>

<a href=# onclick="show('hidden');">关闭</a>

==================《三》=====================

<html>

<head>

<style>

body{

float:left;

background:#ffffcc;

}

#ri{

position:relative;

background:#00CC00;

height:100px;

width:100px;

left:10%;

top:10%;

}

.c1{

display:none;

}

#wori{

position:absolute;

background:#00FF00;

left:20px;

top:50px;

}

</style>

<script language="javascript">

function dodo()

{

var jj=document.getElementById("wori");

jj.className=="c1"?jj.className=" ":jj.className="c1"

}

</script>

</head>

<body>

<div id="ri" class="">

<div id="wori" class="" >我是IamV</div>

</div>

<div onclick="dodo()"><a href="#">我点</a></div>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航