首页 / FLASH / 模仿Flash AS效果的导航菜单

模仿Flash AS效果的导航菜单

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了模仿Flash AS效果的导航菜单，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含606字，纯文字阅读大概需要1分钟。

内容图文

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>模仿Flash AS效果的导航菜单</title> 
<style type="text/css"> 
<!-- 
a:link,a:visited { text-decoration: none; color: #666666 } 
a:hover { text-decoration: underline } 
#hor1 { 
position:absolute; 
left:320px; 
top:20px; 
width:220px; 
height:20px; 
z-index:1; 
background-color: #999900; 
} 
#hor2 { 
position:absolute; 
left:320px; 
top:40px; 
width:220px; 
height:20px; 
z-index:2; 
background-color: #FFCC00; 
} 
#hor3 { 
position:absolute; 
left:320px; 
top:60px; 
width:220px; 
height:20px; 
z-index:3; 
background-color: #99CC00; 
} 
#board1 { 
position:absolute; 
left:320px; 
top:40px; 
width:220px; 
height:120px; 
z-index:-100; 
background-color: #333333; 
visibility: hidden; 
} 
body,td,th { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #FFFFFF; 
font-weight: bold; 
} 
body { 
background-color: #666666; 
} 
#board2 { 
position:absolute; 
left:320px; 
top:60px; 
width:220px; 
height:120px; 
z-index:-90; 
background-color: #333333; 
visibility: hidden; 
} 
#board3 { 
position:absolute; 
width:220px; 
height:120px; 
z-index:-80; 
left: 320px; 
top: 80px; 
background-color: #333333; 
visibility: hidden; 
} 
#hor4 { 
position:absolute; 
left:320px; 
top:80px; 
width:220px; 
height:20px; 
z-index:4; 
background-color: #99CCCC; 
} 
#board4 { 
position:absolute; 
left:320px; 
top:100px; 
width:220px; 
height:120px; 
z-index:-70; 
background-color: #333333; 
visibility: hidden; 
}

--> 
</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> 
News 
Populor 
Sports 
Woman 
1.由AS而想起Javascript
2.用Jscript写ASP有没有先天性的不足？
3.没有了。 
1.xhtml+css真的来了吗？
2.Flash取代传统网站
3.Flash何时才能连接数据库？ 
1.程序员与小姐的10个相同。
2.中国的程序员与中国的足球？ 
1.二十一世纪最缺的是什么?人才
 
http://linkweb.cn/js" target="_blank">http://linkweb.cn/js 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

内容总结

以上是互联网集市为您收集整理的模仿Flash AS效果的导航菜单全部内容，希望文章能够帮你解决模仿Flash AS效果的导航菜单所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/375727.html

来源：【匿名】

【上一篇】使用iframe作为日历的载体，不再被select和flash等控件挡住的日期输入框【下一篇】为php4加入动态flash文件的生成的支持

更多 ►

【模仿Flash AS效果的导航菜单】教程文章相关的互联网学习教程文章

模仿FlashAS效果的导航菜单_javascript技巧

模仿Flash AS效果的导航菜单 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 News Populor Sports Woman 1.由AS而想起Javascript 2.用Jscript写ASP有没有先天性的不足？ 3.没有了。 1.xhtml+css真的来了吗？ 2.Flash取代传统网站 3.Flash何时才...

可以媲美Flash的JS导航菜单_导航菜单【图】

媲美Flash的JS导航菜单 .table1 { BORDER-RIGHT: #cccccc 1px solid; BORDER-BOTTOM-COLOR: black; BORDER-LEFT: #cccccc 1px solid; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: black; BACKGROUND-COLOR: #666666; BORDER-BOTTOM-STYLE: solid } .alp { FILTER: Alpha(Opacity=0,FinishOpacity=0, Style=2, StartX=0, StartY=0, FinishX=80, FinishY=80); BACKGROUND-COLOR: #99ccff } .maskl { OVERFLOW: hidden } .subm...

jQuery仿Flash上下翻动的中英文导航菜单实例_jquery【图】

本文实例讲述了jQuery仿Flash上下翻动的中英文导航菜单的方法。分享给大家供大家参考。具体实现方法如下：代码如下:jQuery仿Flash鼠标感应式翻动的导航菜单body{width:100%;height:100%;margin:0;padding:0;background:url(/jscss/demoimg/201007/bg.gif) repeat-x top center;font-size:12px;color:#616161;} a,a:link,a:visited,a:active{color:#616161;text-decoration:none;} a:hover{text-decoration:underline;color:#710075...

jQuery实现Flash效果上下翻动的中英文导航菜单代码_jquery【图】

本文实例讲述了jQuery实现Flash效果上下翻动的中英文导航菜单代码。分享给大家供大家参考。具体如下：这是一款jQuery实现Flash效果鼠标感应式的翻动导航菜单，支持中英文切换，所使用的jQuery类库版本为1.3.2。运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-flash-style-sx-cha-chen-menu-codes/ 具体代码如下：jQuery仿Flash鼠标感应式翻动的导航菜单body{width:100%;height:100%;margin:0;paddin...

jQuery实现Flash效果上下翻动的中英文导航菜单代码【图】

本文实例讲述了jQuery实现Flash效果上下翻动的中英文导航菜单代码。分享给大家供大家参考。具体如下：这是一款jQuery实现Flash效果鼠标感应式的翻动导航菜单，支持中英文切换，所使用的jQuery类库版本为1.3.2。运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-flash-style-sx-cha-chen-menu-codes/ 具体代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o...

jQuery仿Flash上下翻动的中英文导航菜单实例

本文实例讲述了jQuery仿Flash上下翻动的中英文导航菜单的方法。分享给大家供大家参考。具体实现方法如下：代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery仿Flash鼠标感应式翻动的导航菜单</title> <meta http-equiv="content-type" content="text/html;charset=gb2312...

可以媲美Flash的JS导航菜单【图】

模仿Flash AS效果的导航菜单

效果直逼Flash的CSS+DIV+JS导航菜单_html/css_WEB-ITnose【图】

css 菜单body{ background-color:#B8B8A0; }#fbtn{ display:none; overflow:hidden; border-style:solid; border-width:1px; border-color:#e1e1c9 #e1e1c9 #6e6e56 #6e6e56; padding:1 1 1 1; width:115px; height:30px; }#fbtn_txt{ position:relative; }#fbtn_txt div{ height:30px; padding-top:11px; font-size:9px; font-family:small fonts; color:#800080; text-align:center; cursor:hand; }#fbtn_mask{ background-color...

FLASH - 最热教程

谷歌浏览器flash插件被拦截解决方法 CSS下拉菜单被FLASH遮住的解决办法用PHP动态创建Flash动画 windows – 用户是否需要管理员权限才能...CCS7.3烧写DSP的on-chip FLASH时，如何...痞子衡嵌入式：飞思卡尔i.MX RT系列MCU...Microsemi Libero使用技巧——使用Flas...HP39GS 硬改添加Flash(w25q32)谷歌浏览器adobeflashplayer已被屏蔽解...用PHP动态创建Flash动画_PHP

首页 / FLASH / 模仿Flash AS效果的导航菜单

模仿Flash AS效果的导航菜单

内容导读

内容图文

内容总结

内容备注

内容手机端

【模仿Flash AS效果的导航菜单】教程文章相关的互联网学习教程文章

模仿FlashAS效果的导航菜单_javascript技巧

可以媲美Flash的JS导航菜单_导航菜单【图】

jQuery仿Flash上下翻动的中英文导航菜单实例_jquery【图】

jQuery实现Flash效果上下翻动的中英文导航菜单代码_jquery【图】

jQuery实现Flash效果上下翻动的中英文导航菜单代码【图】

jQuery仿Flash上下翻动的中英文导航菜单实例

可以媲美Flash的JS导航菜单【图】

模仿Flash AS效果的导航菜单

效果直逼Flash的CSS+DIV+JS导航菜单_html/css_WEB-ITnose【图】

FLASH - 相关标签

FLASH - 最新教程

FLASH - 最热教程