说明: 固定位置的导航条
效果: 运行后查看!
代码: 要完成此效果需要两个步骤
第一步:把如下代码加入到<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()">
|