可自由移动位置的导航条

作者：佚名来源：不详发布时间：2006-10-29 0:24:48 发布人：admin

要完成此效果需要三个步骤

第一步：把如下代码加入到<head>区域中

<Script LANGUAGE="JavaScript">
<-- Begin
function checkVersion4() {
var x = navigator.appVersion;
y = x.substring(0,4);
if (y>=4) setVariables();moveOB();
}

function setObject(a) {
objectX="object"+a;
OB=a;
XX=eval("xpos"+a);
YY=eval("ypos"+a);
}

function getObject() {
if (isNav) document.captureEvents(Event.MOUSEMOVE);
}

function releaseObject() {
if (isNav) document.releaseEvents(Event.MOUSEMOVE);
check="no";
objectX="object11";
document.close();
}

function moveOB() {
eval(dS + objectX + sD + h + Xpos);
eval(dS + objectX + sD + v + Ypos);
}

第二步：把如下代码加入到<body>区域中

<br>
<div id="object1" style="position:absolute; visibility:show; left:50px; top:50px; z-index:2">
  <table border=1 cellpadding=5 width="139">
    <tr>
      <td bgcolor=eeeeee height="30"><a href="javascript:void(0)" onmousedown="setObject(1)"><font size="2" color="#000000">单击移动双击放下</font></a>　　</td>
</tr>
<tr>
<td>
<br>
        <A HREF="link.htm">菜单类目一</A><br>
        <A HREF="link.htm">菜单类目二</a><br>
        <A HREF="link.htm">菜单类目三</a> </td>
</tr>
</table>
</div>

第三步：把“OnLoad="checkVersion4()"”加在<body>标记里
例如：<body OnLoad="checkVersion4()">

特别说明：如网页特效代码中有引用图片文件等，请自己下载到本地调试！

[] [返回] [打印] [收藏] [评论]

上一篇代码：页面顶部的多级导航条

下一篇代码：鼠标onmouse链接时复选框的状态变为checked

可自由移动位置的导航条

精品推荐

代码分类

阅读排行

相关代码