收藏本站
| Dm.zznj.com
首 页
|
网页设计教程
|
酷站收藏
|
网页素材
|
特效代码
|
网站推广
|
辅助软件
|
免费资源
|
论坛
|
站内搜索
您的当前位置:
网页特效
>>>
页面特效
>>>上下弹动的导航条
上下弹动的导航条
特效说明:
把下列代码加到网页的<Body></Body>标签之间
要完成此效果把如下代码加入到区域中
LINK
LINK
LINK
LINK
LINK
<html><head><Title>上下弹动的导航条 IK8网页特效演示</title></head>要完成此效果把如下代码加入到<body>区域中 <div id="point1" STYLE="position:absolute;visibility:visible;"> <table width="120" border="1" bordercolor="#000000" cellspacing="0" cellpadding="4" bgcolor="#CCFFCC"> <tr> <td align=center> <a href="http://www.jojoo.net/" target="_blank"> <img src="http://www.jojoo.net/logo.gif" border=0 alt="JavaScript Fairyland" width="88" height="31"> </a> </td> </tr> <tr> <td align=center> <font size="2"><a href="#" target="_blank"><font color="#FF3399">LINK</font></a></font> </td> </tr> <tr> <td align=center> <font size="2"><a href="#" target="_blank"><font color="#FF3399">LINK</font></a></font> </td> </tr> <tr> <td align=center> <font size="2"><a href="#"><font color="#FF3399">LINK</font></a></font> </td> </tr> <tr> <td align=center> <font size="2"><a href="#"><font color="#FF3399">LINK</font></a></font> </td> </tr> <tr> <td align=center> <font size="2"><a href="#"><font color="#FF3399">LINK</font></a></font> </td> </tr> </table> </div> <script LANGUAGE="JavaScript1.2"> var XX=10; var xstep=1; var delay_time=30; var YY=0; var ch=0; var oh=0; var yon=0; var ns4=document.layers?1:0 var ie=document.all?1:0 var ns6=document.getElementById&&!document.all?1:0 if(ie){ YY=document.body.clientHeight; point1.style.top=YY; } else if (ns4){ YY=window.innerHeight; document.point1.pageY=YY; document.point1.visibility="hidden"; } else if (ns6){ YY=window.innerHeight document.getElementById('point1').style.top=YY } function reloc1() { if(yon==0){YY=YY-xstep;} else{YY=YY+xstep;} if (ie){ ch=document.body.clientHeight; oh=point1.offsetHeight; } else if (ns4){ ch=window.innerHeight; oh=document.point1.clip.height; } else if (ns6){ ch=window.innerHeight oh=document.getElementById("point1").offsetHeight } if(YY<0){yon=1;YY=0;} if(YY>=(ch-oh)){yon=0;YY=(ch-oh);} if(ie){ point1.style.left=XX; point1.style.top=YY+document.body.scrollTop; } else if (ns4){ document.point1.pageX=XX; document.point1.pageY=YY+window.pageYOffset; } else if (ns6){ document.getElementById("point1").style.left=XX document.getElementById("point1").style.top=YY+window.pageYOffset } } function onad() { if(ns4) document.point1.visibility="visible"; loopfunc(); } function loopfunc() { reloc1(); setTimeout('loopfunc()',delay_time); } if (ie||ns4||ns6) window.onload=onad </script></html>
IK8提供技术支持;本特效来自IK8.com
© CopyRight 2002-2005 ZZNJ.com, Inc. All Rights Reserved
Email: skyzznj@126.com