如何制作一个菜单用户控件，当鼠标移上去的时候可以自动出现下拉菜单的那种。

这个一般用javascript就可以了
去一些javascript特效站点都应该有
csdn这种左右导航是用的框架

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

http://www.hongen.com/pc/homepage/javascript/index1.htm
脚本说明:
把如下代码加入<body>区域中
<body>
<SCRIPT language=JavaScript>
timegap=500
followspeed=5
followrate=40
suboffset_top=10;
suboffset_left=10;           //这部分没时间翻译，有什么问题就到我的论坛来问吧^_^ http://0755i.com/fourm/
effect = "fade(duration=0.3);Shadow(color='#777777', Direction=135, Strength=5)"
prop1=[ // prop1 is an array of properties you can have as many property arrays as you need
"FFFFFF", // Off Font Color
"6699cc", // Off Back Color
"003162", // On Font Color
"99CCFF", // On Back Color
"003162", // Border Color
11, // Font Size
"normal", // Font Style
"bold",     // Font Weight
"helvetica, arial",         // Font
3, // Padding
"arrow.gif", // Sub Menu Image
0, // 3D Border & Separator
"66ffff", // 3D High Color
"000099", // 3D Low Color
"FFFFFF", // Referer item Font Color (leave this blank to disable)
"336699", // Referer item Back Color (leave this blank to disable)
]menu1=[ // This is the array that contains your menu properties and details
0, // Top
0, // left
112, // Width
1, // Border Width
"center", // Screen Position - here you can use "center;left;right"
prop1, // Properties Array - this is set higher up, as above
1, // Always Visible - allows the menu item to be visible at all time
"center", // Alignment - sets the menu elements alignment, HTML values are valid here for example: left, right or center
, // Filter - Text variable for setting transitional effects on menu activation
, // Follow Scrolling - Tells the menu item to follow the user down the screen
1, // Horizontal Menu - Tells the menu to be horizontal instead of top to bottom style
, // Keep Alive - Keeps the menu visible until the user moves over another menu or clicks elsewhere on the page
, // Position of sub image left:center:right:middle:top:bottom
, // Show an image on top menu bars indicating a sub menu exists below
, // Reserved for future use
"页元素首页","/index.asp target=_blank",,"状态栏提示文字",1,// "主栏目名称", "链接", "Alternate URL", "状态栏提示文字", "Separator Bar"
"酷站推荐","show-menu2","/web.asp","酷站推荐栏目的介绍",1,
"主栏目二","show-menu3","/index.asp","主栏目一状态栏提示文字",1,
"主栏目三","show-menu4","/index.asp","主栏目一状态栏提示文字",1,
"主栏目四","show-menu5","/index.asp","主栏目一状态栏提示文字",1,
"主栏目五","show-menu6","/index.asp","主栏目一状态栏提示文字",1,
"元素论坛","/forum target=_blank",,"欢迎到我的论坛",1
]menu2=[
,,112,1,"",prop1,,"left",effect,,,,,,,
"  ·  网友自荐","/web.asp?style=submit target=_blank",,"提示文字1",1,      //以下的"提示"都是指状态栏的提示文字
"  ·  个性酷站","/web.asp?style=personal",,"提示文字2",1,     //请根据你定义的表格大小和栏目长度适当的增减空格
"  ·  设计酷站","/web.asp?style=design",,"提示文字3",1,
"  ·  联盟组织","/web.asp?style=org",,"提示文字4",1,
"  ·  素材精品","/web.asp?style=gallery",,"提示文字5",1,
"  ·  其他酷站","/web.asp?style=others",,"提示文字6",1
]menu3=[
,,112,1,"",prop1,,"left",effect,,,,,,,
"  ·  二子栏目1","javascript:window.open('/index.asp');this.releaseEvents;",,"onclick",1,
"  ·  二子栏目2","show-menu8",,"提示文字",1,  //注意这里包含了二级子栏目，写法有所不同
"  ·  二子栏目3","show-menu9",,"提示文字",1,   //如果还有什么不明白的地方
"  ·  二子栏目4","show-menu10",,"提示文字",1,  //可以到我的论坛 http://0755i.com/forum
"  ·  二子栏目5","/index.asp",,"提示文字",1   //欢迎大家来提问
]menu4=[
,,112,1,"",prop1,,"left",effect,,,,,,,
"  ·  三子栏目1","/index1.asp",,"提示文字",1,
"  ·  三子栏目2","/index.asp",,"提示文字",1,
"  ·  三子栏目3","/index.asp",,"提示文字",1,
"  ·  三子栏目4","/index.asp",,"提示文字",1,
"  ·  三子栏目5","/index.asp",,"提示文字",1
]menu5=[
,,112,1,"",prop1,,"left",effect,,,,,,,
"  ·  四子栏目1","/index.asp",,"提示文字",1,
"  ·  四子栏目2","/index.asp",,"提示文字",1,
"  ·  四子栏目3","/index.asp",,"提示文字",1,
"  ·  四子栏目4","/index.asp",,"提示文字",1,
"  ·  四子栏目5","/index.asp",,"提示文字",1
]menu6=[
,,112,1,"",prop1,,"left",effect,,,,,,,
"  ·  五子栏目1","/index.asp",,"提示文字",1,
"  ·  五子栏目2","/index.asp",,"提示文字",1,
"  ·  五子栏目3","/index.asp",,"提示文字",1,
"  ·  五子栏目4","/index.asp",,"提示文字",1,
"  ·  五子栏目5","/index.asp",,"提示文字",1
]menu7=[
,,112,1,"",prop1,,"left",effect,,,,,,,
"  ·  六子栏目1","/index.asp",,"提示文字",1,
"  ·  六子栏目2","/index.asp",,"提示文字",1,
"  ·  六子栏目3","/index.asp",,"提示文字",1,
"  ·  六子栏目4","/index.asp",,"提示文字",1,
"  ·  六子栏目5","/index.asp",,"提示文字",1
]menu8=[                                                                              //请看menu3中有个二级子栏目的"show-menu8"就是在这里了
,,90,1,"",prop1,,"left",effect,,,,,,,
" · 二--2--1","/index.asp",,"提示文字",1,
" · 二--2--2","/index.asp",,"提示文字",1,
" · 二--2--3","/index.asp",,"提示文字",1,
" · 二--2--4","/index.asp",,"提示文字",1
]menu9=[
,,90,1,"",prop1,,"left",effect,,,,,,,
" · 二--3--1","/index.asp",,"提示文字",1,
" · 二--3--2","/index.asp",,"提示文字",1
]menu10=[
,,90,1,"",prop1,,"left",effect,,,,,,,
" · 二--4--1","/index.asp",,"提示文字",1,
" · 二--4--2","/index.asp",,"提示文字",1  //好了,终于写完了如果还不明白就到论坛来问吧, http://www.0755i.com/fourm/
]
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">          
          </SCRIPT><SCRIPT language=Javascript src="mmenu.js"></SCRIPT>
用fireworks的菜单生成器做比较轻松
用javascript：（自己可以改成动态的）
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 天天看见你就产生了距离 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="javascript">
function ss(id){var obj=document.getElementById(id+"x");
var open=(obj.style.display!="none");
if(open){obj.style.display="none";}
else
obj.style.display="block";
}</script>
</HEAD><BODY oncontextmenu="self.event.returnValue=false">
<TABLE>
<table><tr><TD><a id="zzl" ONmouseover="javascript:ss('zzl')"> <img src="folder.jpg" hspace=2 vspace=2 width=15 height=15 border=2><font color=red><b>good webside</b></font></a></TD></tr></table></TABLE>
      <div style="margin-left:2em;display:none;" id="zzlx">
      <table><tr><td><a href="HTTP://www.google.com"><img src="minus.jpg" width=15 height=15 border=2>www.google.com</a></td></tr></table>
      <table><tr><td><a href="HTTP://www.csdn.net"><img src="minus.jpg" width=15 height=15 border=2>www.csdn.net</a></td></tr></table>
  <table><tr><td><a href="HTTP://220.162.113.201"><img src="minus.jpg" width=15 height=15 border=2>煤电OA系统</a></td></tr></table>
                 <div id="pl"><table><tr><td><a onmouseover="javascript:ss('pl')"><img src="puls.jpg" width=15 height=15 border=2><font color=red><b>foreign            webside</b></font></a></td></tr></table>
           <div style="margin:1em;display:none" id="plx"><table><tr><td><a href="HTTP://www.codeproject.com"><img src="minus.jpg" width=15 height=15 border=2>www.codeproject.com</a></td></tr></table>
   <table><tr><td><a href="HTTP://www.asp.net"><img src="minus.jpg" width=15 height=15 border=2>www.asp.net</a></td></tr></table></div>
</div>

   <div id="ll"><table><tr><td><a onmouseover="javascript:ss('ll')"><img src="puls.jpg" width=15 height=15 border=2><font color=red><b>my e-mail</b></font></a></td></tr></table>
           <div style="margin:1em;display:none" id="llx"><table><tr><td><a href="HTTP://www.jxfw.com\mail"><img src="minus.jpg" width=15 height=15 border=2>江西房网</a></td></tr></table>   <table><tr><td><a href="http://freemail.china.com/extend/gb/default.htm"><img src="minus.jpg" width=15 height=15 border=2>中华网</a></td></tr></table></div>       </div>
   <P><P><P><P><P>
   本系统的ie版本：<script>document.write(navigator.appVersion);</script>
   <div>你好！现在是北京时间：
   <script>
    todayDate=new Date();
date = todayDate.getDate();
month= todayDate.getMonth() +1;
year= todayDate.getYear();
if(navigator.appName == "Netscape")
{
document.write(1900+year);
document.write("年");
document.write(month);
document.write("月");
document.write(date);
document.write("日");
}
if(navigator.appVersion.indexOf("MSIE") != -1)
{
document.write(year);
document.write("年");
document.write(month);
document.write("月");
document.write(date);
document.write("日");
}
if (todayDate.getDay() == 5) document.write("星期五")
if (todayDate.getDay() == 6) document.write("星期六")
if (todayDate.getDay() == 0) document.write("星期日")
if (todayDate.getDay() == 1) document.write("星期一")
if (todayDate.getDay() == 2) document.write("星期二")
if (todayDate.getDay() == 3) document.write("星期三")
if (todayDate.getDay() == 4) document.write("星期四")    hour=todayDate.getHours();
   second=todayDate.getMinutes();
   document.write(hour+":"+second);</script></div><br>
   <a href="javascript.doc" style="color:#A333EE">javascript</a>



</BODY>
</HTML>
西瓜大哥，你的代码我考到dreamweaver里，保存为.asp文件，可是不能运行，请问这是为什么啊。要改动那些地方吗。
另外，在WebForm的html里是不是同样考进去就行了啊。