鼠标触发移动的分层菜单层菜单moveMenu

(编辑：jimmy 日期: 2025/12/13 浏览：3 次 )

会移动的菜单，层菜单，鼠标放在菜单上，菜单就会移动，上浮的菜单，像是TAB风格的菜单，使用了一张图片，顺着代码可下载到这张修饰的小图片。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD><TITLE>移动菜单，层菜单moveMenu</TITLE> <META content="text/html; charset=gb2312" http-equiv=Content-Type> <STYLE type=text/css>.alpha { FILTER: Alpha(Opacity=80) } .td1 { FONT-SIZE: 12px } .td2 { BACKGROUND-COLOR: #ccffff; CURSOR: hand; FONT-SIZE: 12px } .maskl { OVERFLOW: hidden } .cardtitle { BORDER-BOTTOM: black 0px solid; BORDER-LEFT: black 0px solid; BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; CURSOR: default; FONT-SIZE: 12px; TEXT-INDENT: 4pt } .cardbottom { BACKGROUND-COLOR: #99ccff; BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-RIGHT: black 1px solid; BORDER-TOP: black 0px solid; FILTER: Alpha(Opacity=90) } </STYLE>  <META content="MSHTML 5.00.2920.0" name=GENERATOR></HEAD> <BODY bgColor=#ffffff leftMargin=0 text=#000000 topMargin=0 marginheight="0" marginwidth="0">       选项一  选项二  选项三  选项四  &nbsp;    <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/stang.gif');"><img src="/UploadFiles/2021-04-02/stang.gif" alt="鼠标触发移动的分层菜单 层菜单moveMenu" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> 选项卡一      选项一  选项二  选项三  选项四  &nbsp;    <a href="javascript:;" onclick="showimg('/jscss/demoimg/201212/stang.gif');"><img src="/jscss/demoimg/201212/stang.gif" alt="鼠标触发移动的分层菜单 层菜单moveMenu" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> 选项卡二      选项一  选项二  选项三  选项四  &nbsp;    <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/stang.gif');"><img src="/UploadFiles/2021-04-02/stang.gif" alt="鼠标触发移动的分层菜单 层菜单moveMenu" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> 选项卡三      选项一  选项二  选项三  选项四  &nbsp;    <a href="javascript:;" onclick="showimg('/jscss/demoimg/201212/stang.gif');"><img src="/jscss/demoimg/201212/stang.gif" alt="鼠标触发移动的分层菜单 层菜单moveMenu" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> 选项卡四      选项一  选项二  选项三  选项四  &nbsp;    <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/stang.gif');"><img src="/UploadFiles/2021-04-02/stang.gif" alt="鼠标触发移动的分层菜单 层菜单moveMenu" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> 选项卡五 </BODY></HTML>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：可折叠展开的简单目录实现代码
下一篇：Javascript图像处理思路及实现代码

鼠标触发移动的分层菜单 层菜单moveMenu

鼠标触发移动的分层菜单层菜单moveMenu