模仿Flash并实现动态弹性跳动的菜单·百家电脑学院

这个效果很好看，您可以拷贝过去修改其中的样式和内容，为你所用。

<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=0function re(menu_no){if(lastNo!=menu_no){cur=menu_no+1lastNo=menu_norest()}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.6posY+=speedfor(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()">大焦点阅读</div><div id="hor2" onclick="re(2);huke()">最新更新</div><div id="hor3" onclick="re(3);huke()">网站制作</div><div id="hor4" onclick="re(4);huke()"><a href='/web/jsjl/tg/' target=_blank>网站推广</a></div><div id="board1">1.<a href="http://homepage.yesky.com/326/2567826.shtml">从SEO角度解析百度篡改搜索结果的“借口”</a><br />2.<a href="http://soft.yesky.com/lesson/384/2543384.shtml">WEB标准化：用DIV+CSS进行网页设计</a></div><div id="board2">1.<a href="http://homepage.yesky.com/15/2571515.shtml">用CSS实现表格背景颜色渐变效果</a><br />2.<a href="http://homepage.yesky.com/340/2570840.shtml">网页常见可用性错误——表单组件错误</a><br />3.<a href="http://homepage.yesky.com/353/2570853.shtml">CSS样式表:链接好还是嵌入好?</a></div><div id="board3"><dl>  <dt>·<a href="http://homepage.yesky.com/15/2571515.shtml">用CSS实现表格背景颜色渐变效果</a></dt></dl><dl>  <dt>·<a href="http://homepage.yesky.com/340/2570840.shtml">网页常见可用性错误——表单组件错误</a></dt></dl><dl>  <dt>·<a href="http://homepage.yesky.com/353/2570853.shtml">CSS样式表:链接好还是嵌入好?</a></dt></dl><dl>  <dt>·<a href="http://homepage.yesky.com/314/2570814.shtml">网页常见可用性错误——文案错误</a></dt></dl><dl>  <dt>·<a href="http://homepage.yesky.com/385/2569885.shtml">关于web注册页的可用性分析</a></dt></dl></div><div id="board4"><dl>  <dt>·<a href="http://homepage.yesky.com/15/2571515.shtml">用CSS实现表格背景颜色渐变效果</a></dt></dl><dl>  <dt>·<a href="http://homepage.yesky.com/340/2570840.shtml">网页常见可用性错误——表单组件错误</a></dt></dl><dl>  <dt>·<a href="http://homepage.yesky.com/353/2570853.shtml">CSS样式表:链接好还是嵌入好?</a></dt></dl><dl>  <dt>·<a href="http://homepage.yesky.com/314/2570814.shtml">网页常见可用性错误——文案错误</a></dt></dl><dl>  <dt>·<a href="http://homepage.yesky.com/385/2569885.shtml">关于web注册页的可用性分析</a></dt></dl><dl>  <dt>·<a href="http://homepage.yesky.com/190/2569690.shtml">用ASP和SQL实现基于Web的事件日历</a></dt></dl></div></body></html>

[编辑：百家电脑学院] [返回学院首页] [返回上一页] []

·上一篇：JS实现Flash外链专题大图片的轮显效果 · 下一篇：Javascript网页特效：闪现的礼花背景

网站建设 > DOM/JS

模仿Flash并实现动态弹性跳动的菜单

[2007-5-24 16:13:42] [来源: 百家电脑学院] [我要投稿]

·模仿Flash并实现动态弹性跳动的菜单 | 相关文章·

·百家学院 | 最新评论·