***页面特效***可隐藏的竖式导航条
把下列代码加到网页的<body></body>标签之间 从google下载我的照片管理软件要完成此效果需要两个步骤
第一步：把如下代码加入到<head>区域中
<style>
#menushow{
border: 1px solid #666666;
background-color: #111111;
padding: 13px;
font-size: 13px;
font-family: verdana, arial;
position: absolute;
width: auto;
height: auto;
}
#menuselect{
border: 1px solid #666666;
background-color: #111111;
padding: 13px;
font-size: 13px;
font-family: verdana, arial;
position: absolute;
width: auto;
height: auto;
}
</style>
第二步：把如下代码加入到<body>区域中
<div id="menuselect" style="height: 0; left: 0; top: 0; width: 0"> <a href="#" onclick="moveonmenu();moveoffselector()">
<img src="../wydh/images/icon.gif" width="28" height="28" border="0">http://code.ik8.com/html/../wydh/images/icon.gif</a> </div>
<div id="menushow" style="left: 0; top: 0; width: 0; height: 0"> <a href="#" onclick="moveoffmenu();moveonselector()">
<img src="../wydh/images/icon.gif" width="28" height="28" border="0">http://code.ik8.com/html/../wydh/images/icon.gif</a> <br>
<br>
<a href="http://www.jojoo.net">linka</a><br>
<a href="http://www.jojoo.net">linkb</a><br>
<a href="http://www.jojoo.net">linkc</a><br>
<br>
<a href="http://www.jojoo.net">linkd</a><br>
<a href="http://www.jojoo.net">linke</a><br>
<br>
<a href="http://www.jojoo.net">linkf</a><br>
<a href="http://www.jojoo.net">linkg</a><br>
<a href="http://www.jojoo.net">linkh</a><br>
</div>
<script>
show ="yes";
var offx = -150;
var posx =0;
var posy =0;
var speed = 1;
var increment = 1;
var incrementns4 = 5;
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";
}
function moveonmenu() {
if (menux < posx) {
menux = menux + increment;
if (is_ns5up) {
document.getelementbyid('menushow').style.left = menux+"px";
} else {
eval(lq+'menushow'+sq+'.left=menux');
}
settimeout('moveonmenu()',speed);
}
}
function moveoffmenu() {
if (menux > offx) {
menux = menux - increment;
if (is_ns5up) {
document.getelementbyid('menushow').style.left = menux+"px";
} else {
eval(lq+'menushow'+sq+'.left=menux');
}
settimeout('moveoffmenu()',speed);
}
}
function moveoffselector() {
if (selx > offx) {
selx = selx - increment;
if (is_ns5up) {
document.getelementbyid('menuselect').style.left = selx+"px";
} else {
eval(lq+'menuselect'+sq+'.left=selx');
}
settimeout('moveoffselector()',speed);
}
}
function moveonselector() {
if (selx < posx) {
selx = selx + increment;
if (is_ns5up) {
document.getelementbyid('menuselect').style.left = selx+"px";
} else {
eval(lq+'menuselect'+sq+'.left=selx');
}
settimeout('moveonselector()',speed);
}
}
//end -->
</script>
--------------------------------------
拥有三人行论坛管理系列软件，一个人就可以管理一个论坛的更新维护。还能使您的论坛有千人在线的真实火暴效果，让您不在为论坛因没有人气而留不住会员而烦恼，使您的论坛早日成为一流的论坛。详情请登陆网站：http://www.cnsrx.cn 三人行论坛管理软件，站长必备的专业好工具。（您使用的是免费版本，购买收费版本后，将不带广告。业务QQ:247216 44985227）
页:
[1]