可以媲美Flash的JS导航菜单

169 阅读 0 评论 112 点赞

我是靠谱客的博主难过大侠，这篇文章主要介绍可以媲美Flash的JS导航菜单，现在分享给大家，希望可以做个参考。

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>媲美Flash的JS导航菜单</title> 
<style type="text/css"> 
 
</style> 
<STYLE type=text/css>.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 
} 
.submenu { 
    BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: #ffffff 1px solid 
} 
</STYLE>

<META content="Microsoft FrontPage 6.0" name=GENERATOR></head>

<BODY text=#cccccc bgColor=#000000 leftMargin=0 topMargin=0 onload=init() marginheight="0" marginwidth="0"><DIV class=table1 id=Layer1  
style="Z-INDEX: 3; LEFT: 50px; WIDTH: 26px; POSITION: absolute; TOP: 0px; HEIGHT: 100%"> 
<DIV id=sl1 onmouseover=showM1()  
style="Z-INDEX: 3; WIDTH: 24px; CURSOR: hand; POSITION: absolute; TOP: 40px; HEIGHT: 24px"  
onmouseout=hideM1()><IMG height=24 src="//file2.kaopuke.com:8081/files_image/201804/200651104740731.gif" width=24></DIV> 
<DIV id=sl2 onmouseover=showM2()  
style="Z-INDEX: 3; WIDTH: 24px; CURSOR: hand; POSITION: absolute; TOP: 140px; HEIGHT: 24px"  
onclick=subMenu1() onmouseout=hideM2()><IMG height=24  
src="//file2.kaopuke.com:8081/files_image/201804/200651104740731.gif" width=24></DIV> 
<DIV id=sl3 onmouseover=showM3()  
style="Z-INDEX: 3; WIDTH: 24px; CURSOR: hand; POSITION: absolute; TOP: 240px; HEIGHT: 24px"  
onmouseout=hideM3()><IMG height=24 src="//file2.kaopuke.com:8081/files_image/201804/200651104740731.gif" width=24></DIV> 
<DIV id=sl4 onmouseover=showM4()  
style="Z-INDEX: 3; WIDTH: 24px; CURSOR: hand; POSITION: absolute; TOP: 340px; HEIGHT: 24px"  
onmouseout=hideM4()><IMG height=24 src="//file2.kaopuke.com:8081/files_image/201804/200651104740731.gif" width=24></DIV> 
<DIV class=alp id=light  
style="Z-INDEX: 2; LEFT: -26px; WIDTH: 80px; POSITION: absolute; TOP: 0px; HEIGHT: 80px"></DIV></DIV> 
<DIV  
style="Z-INDEX: 2; LEFT: -60px; WIDTH: 30px; POSITION: absolute; TOP: 0px; HEIGHT: 100px"> 
<DIV id=menu1  
style="Z-INDEX: 5; LEFT: 82px; WIDTH: 20px; POSITION: absolute; TOP: -80px; HEIGHT: 55px"><IMG  
height=62 src="//file2.kaopuke.com:8081/files_image/201804/200651105053281.gif" width=24></DIV> 
<DIV id=menu2  
style="Z-INDEX: 5; LEFT: 82px; WIDTH: 23px; POSITION: absolute; TOP: -80px; HEIGHT: 75px"><IMG  
height=77 src="//file2.kaopuke.com:8081/files_image/201804/200651105059286.gif" width=24></DIV> 
<DIV id=menu3  
style="Z-INDEX: 5; LEFT: 82px; WIDTH: 22px; POSITION: absolute; TOP: -80px; HEIGHT: 75px"><IMG  
height=77 src="//file2.kaopuke.com:8081/files_image/201804/20065110515713.gif" width=24></DIV> 
<DIV id=menu4  
style="Z-INDEX: 5; LEFT: 82px; WIDTH: 23px; POSITION: absolute; TOP: -80px; HEIGHT: 77px"><IMG  
height=77 src="//file2.kaopuke.com:8081/files_image/201804/200651105110149.gif" width=24></DIV></DIV> 
<DIV class=maskl id=masksub  
style="Z-INDEX: 4; LEFT: 80px; WIDTH: 32px; POSITION: absolute; TOP: 0px; HEIGHT: 100%"> 
<DIV id=sub2  
style="Z-INDEX: 1; LEFT: -26px; WIDTH: 26px; POSITION: absolute; TOP: 137px; HEIGHT: 304px"> 
<TABLE class=submenu height="100%" cellSpacing=2 cellPadding=0 width="100%"  
border=0> 
  <TBODY> 
  <TR> 
    <TD bgColor=#666699> </TD></TR> 
  <TR> 
    <TD bgColor=#666699> </TD></TR> 
  <TR> 
    <TD bgColor=#666699> </TD></TR> 
  <TR> 
    <TD bgColor=#666699 height=147> </TD></TR> 
  <TR> 
    <TD onmouseover="this.bgColor='#9999cc'" onmouseout="this.bgColor='#666699'"  
    bgColor=#666699 height=10> 
      <DIV style="CURSOR: hand" onclick=subClose1() align=center><B><FONT  
      color=#ffff00>B</B></DIV></TD></TR></TBODY></TABLE></DIV></DIV><center>

</center> 
</body> 
</html>

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

最后

以上就是难过大侠最近收集整理的关于可以媲美Flash的JS导航菜单的全部内容，更多相关可以媲美Flash内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。

点赞(112)

本文分类：JavaScript
浏览次数：169 次浏览
发布日期：2022-04-08 02:17:04
本文链接：https://www.kaopuke.com/article/k-p-k_13_u_7_o_18_fy_13_j_2__27_.html

相关文章

如何把网页上的flash动画保存为swf格式文件(缓存提取)

如何把网页上的flash动画保存为swf格式文件(缓存提取)

CentOS系统中与时间的相关命令详解

CentOS系统中与时间的相关命令详解

如何查看SQLSERVER中某个查询用了多少TempDB空间

如何查看SQLSERVER中某个查询用了多少TempDB空间

正宗的日历(含农历)

可以媲美Flash的JS导航菜单

可以媲美Flash的JS导航菜单

Photoshop将制作出漂亮的带青色花纹的立体字效果

Photoshop将制作出漂亮的带青色花纹的立体字效果

小米电视2怎么预约？小米电视2预约方法及预约地址

小米电视2怎么预约？小米电视2预约方法及预约地址

js 取时间差去掉周六周日实现代码

js 取时间差去掉周六周日实现代码

评论列表共有 0 条评论

发表评论取消回复

立即
投稿返回
顶部