网页特效代码
建站首页
|
广告代码
|
源码下载
|
站长学院
|
收藏本站
|
设为首页
|
联系我们
网站首页
菜单导航
日期时间
背景图像
图层样式
鼠标键盘
页面窗口
色彩表格
链接文字
表单按钮
计数转换
游戏娱乐
综合实例
特效
热门搜索:
特效代码
js脚本
导航菜单
热点推荐
钻石
女性网
生意
站长必备软件
我们是致力收藏最实用的网页特效代码!
您的位置:
网页特效
->
菜单导航
-> 超酷模仿FLASH的跳动菜单
超酷模仿FLASH的跳动菜单
作者:超酷模仿FLASH的跳动菜单 发布时间:2007-11-10 3:14:50 发布人: admin
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> <title>模仿as效果的导航菜单</title> <style type="text/css"> </style> <script type="text/javascript"> lastNo=0 function re(menu_no){ if(lastNo!=menu_no){ cur=menu_no+1 lastNo=menu_no rest() }else{ cur=100 } document.getElementById("board"+menu_no).style.visibility="visible" } function rest(){ for(i=1;i<=4;i++){ document.getElementById("hor"+i).style.top=20*i; document.getElementById("board"+i).style.visibility="hidden" } menu_num=4; act=1 height=120+20 speed=0; posY=0; } function huke(){ if(act==1 && cur<100){ speed=(height-posY)*0.69+speed*0.6 posY+=speed for(i=cur;i<=menu_num;i++){ document.getElementById("hor"+i).style.top=posY+(i-2)*20 } if(Math.abs(height-posY)<0.5){ for(i=cur;i<=menu_num;i++){ document.getElementById("hor"+i).style.top=height+(i-2)*20 } act=0 } setTimeout("huke()",50) } } </script> </head> <body> <div id="hor1" onclick="re(1);huke()">News</div> <div id="hor2" onclick="re(2);huke()">Populor</div> <div id="hor3" onclick="re(3);huke()">Sports</div> <div id="hor4" onclick="re(4);huke()">Woman</div> <div id="board1">1.由AS而想起Javascript 2.用Jscript写ASP有没有先天性的不足? 3.没有了。</div> <div id="board2">1.xhtml+css真的来了吗? 2.Flash取代传统网站 3.Flash何时才能连接数据库?</div> <div id="board3">1.程序员与小姐的10个相同。 2.中国的程序员与中国的足球?</div> <div id="board4">1.二十一世纪最缺的是什么?人才 <a href="http://web.archive.org/web/20090402195317/http://www.gamvan.com/" target="_blank">http://www.gamvan.com</a> <a href="http://web.archive.org/web/20090402195317/http://www.gamvan.com/" target="_blank">http://www.gamvan.com</a></div> </body> </html>
超酷模仿FLASH的跳动菜单
将本文收藏到QQ书签与更多好友分享
上一篇:文章:
漂亮的动感仿flash菜单
下一篇:文章:
JS省市二级联动菜单
本类浏览排行 »
多层下拉菜单 - 网页特效代码
页面顶部菜单 - 网页特效代码
添加收藏,将网页添加到浏览器收藏夹里
将网页设为浏览器首页或起始页或默认页
俄罗斯方块
显示隐藏的导航菜单 - 网页特效代码
XP菜单网页特效 - 网页特效代码
广告脚本 - 网页特效代码
本站推荐文章 »
炫彩变色菜单
一个非常漂亮的loading效果网页代码
IE按钮网页特效代码
用js加亮指定的文章内容关键字网页特效代..
一个很酷的登陆效果
动态表格(PowerTable)网页特效代码
CSS 制作的三级菜单特效代码
CSS控制页面展开和关闭