当前位置：首页 > 网页特效 > 导航菜单 >

网页左下角菜单_固定位置不变

时间：2013-08-07 08:48 来源：互联网作者：源码搜藏收藏推荐

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<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"><font face="华文彩云"><b><font size="4">菜单</font></b></font></td>
  </tr>
  <tr>
    <td width="100%" bgcolor="#FFFFFF">
      <p align="center">
<a href="http://www.codesocang.com">源码搜藏网</a><br>
<a href="http://www.codesocang.com/texiao/index.html">网页特效</a><br>
<a href="http://www.codesocang.com/yuanma/index.html">网站源码</a></td>
  </tr>
</table>

</layer>
<script type="text/javascript">
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>
</body>
</html>

运行代码保存代码复制代码提示：您可以先修改部分代码再运行，保存代码功能在Firefox下无效。

Js+CSS实现网页左下角固定不变的菜单特效，但如果网页窗口不是最大化的话，菜单会自动滑动的指定位置，也就是菜单可随着网页窗口大小变化而变化，始终显示在左下角的位置，CSS熟悉的朋友，完全可把菜单修改成右下角显示的方式，这里要注意定位的代码源码搜藏网。由源码搜藏网整理,转载请注明出处https://www.codesocang.com/tx-daohang/5310.html

网页特效

网页左下角菜单_固定位置不变

导航菜单下载排行

最新文章