浮动的导航菜单

2024-09-05 12:19:30

字体：大中小

来源：转载

供稿：网友

浮动的导航菜单，实际上它是一个用JS去控制移动的DIV层，在层里放入表格，这里的表格你完全可以改成DIV结构。本菜单可随滚动条自动定位至原始位置，初始位置在JS代码里可修改。

<HTML><head><title>浮动的导航菜单</title></head><body><script>if (!document.layers)document.write('<div id="divStayTopLeft" style="position:absolute">')</script><layer id="divStayTopLeft"><table border="1" width="130" cellspacing="0" cellpadding="0">  <tr>    <td width="100%" bgcolor="#FFFFCC">      <p align="center"><b><font size="4">快速导航</font></b></td>  </tr>  <tr>    <td width="100%" bgcolor="#FFFFFF" align="center">      ASP<br>       PHP<br>       AJAX<br>       JSP<br>       EXTJS</td>  </tr></table></layer><script type="text/javascript">// "frombottom" 或 "fromtop"设置从顶部或底部飘var verticalpos="frombottom"if (!document.layers)document.write('</div>')function JSFX_FloatTopDiv(){	var startX = 3,	startY = 150;	var ns = (navigator.appName.indexOf("Netscape") != -1);	var d = document;	function ml(id)	{		var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];		if(d.layers)el.style=el;		el.sP=function(x,y){this.style.left=x;this.style.top=y;};		el.x = startX;		if (verticalpos=="fromtop")		el.y = startY;		else{		el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;		el.y -= startY;		}		return el;	}	window.stayTopLeft=function()	{		if (verticalpos=="fromtop"){		var pY = ns ? pageYOffset : document.body.scrollTop;		ftlObj.y += (pY + startY - ftlObj.y)/8;		}		else{		var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;		ftlObj.y += (pY - startY - ftlObj.y)/8;		}		ftlObj.sP(ftlObj.x, ftlObj.y);		setTimeout("stayTopLeft()", 10);	}	ftlObj = ml("divStayTopLeft");	stayTopLeft();}JSFX_FloatTopDiv();</script><div id="test" style="height:800px;"></div></body></html>

上一篇：图文混排的JS+CSS选项卡Tab

下一篇：鼠标放上图标会闪烁的菜单

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注