打印本文 打印本文 关闭窗口 关闭窗口
页面特效固定位置的导航条
作者:武汉SEO闵涛  文章来源:敏韬网  点击数679  更新时间:2009/4/23 11:14:28  文章录入:mintao  责任编辑:mintao

说明: 固定位置的导航条

效果: 运行后查看!

代码: 要完成此效果需要两个步骤

第一步:把如下代码加入到<body>区域中。


<script language="JavaScript">
function setVariables() {
if (navigator.appName == "Netscape") {
v=".top=";
dS="document.";
sD="";
y="window.pageYOffset";
}
else {
v=".pixelTop=";
dS="";
sD=".style";
y="document.body.scrollTop";
}
}
function checkLocation() {
object="object1";
yy=eval(y);
eval(dS+object+sD+v+yy);
setTimeout("checkLocation()",10);
}
</script>
<div id="object1" style="position:absolute; visibility:show; left:0px; top:0px; z-index:5">
<table width=150 border=0 cellspacing=20 cellpadding=0 >
<tr>
<td><a href="LINK1.htm" >链接地址</a></td>
</tr>
<tr>
<td ><a href="LINK2.htm" >我的链接</a></td>
</tr>
<tr>
<td><a href="LINK3.htm">你的链接</a></td>
</tr>
<tr>
<td><a href="LINK4.htm" >我们的链接</a></td>
</tr>
</table>
</div>

第二步:把“OnLoad="setVariables();checkLocation()"”加到<body>标记中
例如:
<body OnLoad="setVariables();checkLocation()">


打印本文 打印本文 关闭窗口 关闭窗口