js固定底部弹出层菜单代码

时间：2022-07-02 14:50:55 编辑：袖梨来源：一聚教程网

提示：您可以先修改部分代码再运行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="www.w3.org/1999/xhtml">
<head>
<title>位置固定的工具条</title>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<script language="JavaScript">
/*
根据对象当前的属性，改变对象的显示状态
*/
function onClickDiv(DivId)
{
  if(document.all[DivId].style.display=='none')
   { document.all[DivId].style.display=''; }
   else
   { document.all[DivId].style.display='none'; }
   return 0;
}
</script>
<style type="text/<a href=http://111com.net/cssdiv/css.html target=_blank >css</a>"> 
html,body {margin:0; padding:0; overflow:hidden;height:100%; width:100%; text-align:left;} 
.body {position:relative; width:100%; height:100%; overflow-y:scroll; overflow-x:auto; cursor:default;} 
.tools {position:absolute; z-index:100; margin:0 auto; bottom:10px; left:10px;   border:1px solid gray; background:#f7f7f7; text-align:left;} 
#dy2 {
	position: absolute;
	
	
	background-color: #000066;
	top: -100px;
	z-index: 2;
}
#dy1 {
	
	
	border: 1px solid #990000;
	background-color: #FF9900;
	text-align: left;
}
</style>
</head>
<body>

<div class="tools">
<Div Id="dy2" Style=display:none>隐藏</div>
<Div Id="dy1" Style=display onclick="return onClickDiv('dy2')">LINKTALK</div>
</div>
<div class="body">
  <div style="background:#ffffff"></div>
</div>
</body>
</html>

提示：您可以先修改部分代码再运行

推荐专题

最新下载

热门教程

js固定底部弹出层菜单代码

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程