首页
网页特效库
网页特效库
导航菜单
按钮表单
背景特效
时间日期
图片特效
鼠标特效
文本操作
窗口页面
状态栏类
警告对话
综合应用
游戏娱乐
首页
>
特效
>
导航菜单
> 正文
上下弹动的导航条
2009-11-23 导航菜单 168℃
要完成此效果把如下代码加入到<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..com/" target="_blank"> <img src="http://www..com/UploadPic/userface/no1323.jpg" border=0 alt="javascript Fairyland" width="88" height="31" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/> </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>
相关特效代码
无相关信息
热门特效代码
三级竖向展开/收缩导航菜单
鼠标指向弹出菜单
jQuery 弹出菜单层
CSS二级下拉导航菜单
CSS做的垂直导航菜单效果
横向二级导航菜单
仿google首页下端图片文字动画导
导航链接菜单间隔闪烁
动态翻滚的导航条[酷比flash]
纯CSS的三级联动级联菜单
推荐特效代码
CSS+div+js组合强大实现超酷菜单
动态翻滚的导航条[酷比flash]
CSS横向下拉菜单
微软风格的CSS横向菜单
立体的CSS按钮菜单效果
左侧隐藏的菜单