互换导航条

★交换导航

网易
搜狐
央视国际

网易
搜狐
央视国际

网易
搜狐
央视国际

★交换导航

新浪
网页特效代码
雅虎

新浪
一号街
雅虎

新浪
一号街
雅虎

下面为效果显示

脚本说明:
把如下代码加入<body>区域中
<style>

#menuShow{
border: 1px solid #6cccc6;
background-color: #11cccc;
padding: 13px;
font-size: 13px;
font-family: Verdana, Arial;
position: absolute;
width: auto;
height: auto;
}

#menuSelect{
border: 1px solid #fffff6;
background-color: #aafff1;
padding: 13px;
font-size: 13px;
font-family: Verdana, Arial;
position: absolute;
width: auto;
height: auto;
}

</style>
<div id="menuSelect">
<a href="#" onClick="moveOnMenu();moveOffSelector()">交换导航</a>
<br>
<br>
<a href="http://www.163.com">网易</a><br>
<a href="http://www.sohu.com">搜狐</a><br>
<a href="http://www.cctv.com">央视国际</a><br>
<br>
<a href="http://www.163.com">网易</a><br>
<a href="http://www.sohu.com">搜狐</a><br>
<a href="http://www.cctv.com">央视国际</a><br>
<br>
<a href="http://www.163.com">网易</a><br>
<a href="http://www.sohu.com">搜狐</a><br>
<a href="http://www.cctv.com">央视国际</a><br>
</div>
<div id="menuShow">
<a href="#" onClick="moveOffMenu();moveOnSelector()">★交换导航</a>
<br>
<br>
<a href="http://www.sina.com">新浪</a><br>
<a href="http://www.001street.com">网页特效代码</a><br>
<a href="http://www.yahoo.com">雅虎</a><br>
<br>
<a href="http://www.sina.com">新浪</a><br>
<a href="http://www.7stk.com/">一号街</a><br>
<a href="http://www.yahoo.com">雅虎</a><br>
<br>
<a href="http://www.sina.com">新浪</a><br>
<a href="http://www.7stk.com/">一号街</a><br>
<a href="http://www.yahoo.com">雅虎</a><br>
</div>

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin

Show ="yes";

var OffX = -150;

var PosX =  250;
var PosY =  100;

var speed        = 1;
var increment    = 1;
var incrementNS4 = 5; // for slower NS4 browsers

var is_NS = navigator.appName=="Netscape";
var is_Ver = parseInt(navigator.appVersion);
var is_NS4 = is_NS&&is_Ver>=4&&is_Ver<5;
var is_NS5up = is_NS&&is_Ver>=5;

var MenuX = OffX;
var SelX = PosX;
var sPosX = PosX;
var sOffX = OffX;

if (Show == "yes") {
sPosX = OffX;
sOffX = PosX;
MenuX = sOffX;
SelX = sPosX;
}

if (is_NS4) {
increment = incrementNS4;
Lq = "document.layers.";
Sq = "";
eval(Lq+'menuSelect'+Sq+'.left=sPosX');
eval(Lq+'menuShow'+Sq+'.left=sOffX');
eval(Lq+'menuSelect'+Sq+'.top=PosY');
eval(Lq+'menuShow'+Sq+'.top=PosY');
} else {
Lq = "document.all.";
Sq = ".style";
document.getElementById('menuSelect').style.left = sPosX+"px";
document.getElementById('menuShow').style.left = sOffX+"px";
document.getElementById('menuSelect').style.top = PosY+"px";
document.getElementById('menuShow').style.top = PosY+"px";
}