滑动菜单

WzSzm 2010-01-18 10:30:45

在页面最底部，当鼠标移到某个标志时会滑出菜单。鼠标移走时菜单收回去！

...全文

102 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

qq276402087 2010-01-21

打赏
举报





   alert("上樓很牛叉!!");

nta5107179 2010-01-19

打赏
举报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"  xml:lang="zh-CN" lang="zh-CN">

<head>

<style type="text/css">

#ToolBar {

position:absolute;

bottom:0px;

right:0px;

width:100%;

height:100px;

background:#ccc;

z-index:3;

overflow:hidden;

}

#ToolBar2 {

position:absolute;

left:0px;

width:100%;

height:100px;

background:#ffffff;

}

</style>

<script language="javascript">

var over;

var out;

function overs(){

	var ToolBar2=document.getElementById("ToolBar2");

	var top=ToolBar2.style.top;

	top=parseInt(top.replace("px"));

	if(top>0){

		ToolBar2.style.top=(top-5)+"px";

	}else{

	clearInterval(over);

	}

	ToolBar2=null;top=null;

}

function outs(){

	var ToolBar2=document.getElementById("ToolBar2");

	var top=ToolBar2.style.top;

	top=parseInt(top.replace("px"));

	if(top<100){

		ToolBar2.style.top=(top+5)+"px";

	}else{

	clearInterval(out);

	}

	ToolBar2=null;top=null;

}

function overstart(){

clearInterval(out)

over=setInterval(overs,20);

}

function outstart(){

clearInterval(over)

out=setInterval(outs,20);

}

</script>

</head>

<body>

<div id="ToolBar">

	<div id="ToolBar2" style="top:100px;">我出来啦</div>

</div>

<label onmouseover="overstart();" onmouseout="outstart();">鼠标放上来</label>

</body>



</html>