谁知道这个效果是如何做的,最好给出代码

哪位高手知道这个效果是怎么做的,最好给出代码
http://msdn2.microsoft.com/zh-cn/bb188199.aspx
微软的MSDN网站上   左上脚的菜单   鼠标放上去以后动态出的DIV效果   感觉很漂亮     把它的静态页面和CSS都下载下来   但是还是找不到实现的方法~     看代码中这里又没有用到JS   各位高手是否有了解的~   最好有代码能看看~

[解决办法]
JavaScript
[解决办法]
up
[解决办法]
<div class= "LocaleManagementFlyoutStatic_msdn " style= "position: relative; " id= "ctl00$LocaleManagement$ctl00 "> <a class= "LocaleManagementFlyoutStaticLink_msdn " href= "javascript:void(0) "> 中国 - 简体中文&nbsp; </a> <img class= "LocaleManagementFlyoutPopArrow " src= "/msdn/Controls/LocaleManagementFlyout/zh-cn/popdownarrow-msdn-right.gif " style= "border-width: 0px; height: 4px; width: 7px; "> <div id= "ctl00$LocaleManagement$ctl00_Popup " class= "LocaleManagementFlyoutPopup " style= "position: absolute; visibility: hidden; left: -65534px; ">
<table style= "width: 175px; " border= "0 ">
<tbody> <tr>
<td> <a href= "javascript:__doPostBack( 'ctl00$LocaleManagement$ctl00$ctl05 ', ' ') "> Argentina (Espa&#241;ol) </a> </td>
</tr> <tr>
<td> <a href= "javascript:__doPostBack( 'ctl00$LocaleManagement$ctl00$ctl06 ', ' ') "> Australia (English) </a> </td>
</tr> <tr>

<td> <a href= "javascript:__doPostBack( 'ctl00$LocaleManagement$ctl00$ctl07 ', ' ') "> Brasil (Portugués) </a> </td>
</tr> <tr>
<td> <a href= "javascript:__doPostBack( 'ctl00$LocaleManagement$ctl00$ctl08 ', ' ') "> Canada (English) </a> </td>
</tr> <tr>
<td> <a href= "javascript:__doPostBack( 'ctl00$LocaleManagement$ctl00$ctl09 ', ' ') "> Canada (Fran&#231;ais) </a> </td>
</tr> <tr>
<td> <a href= "javascript:__doPostBack( 'ctl00$LocaleManagement$ctl00$ctl10 ', ' ') "> 中国 (简体中文) </a> </td>

</tr> <tr>
<td> <a href= "javascript:__doPostBack( 'ctl00$LocaleManagement$ctl00$ctl11 ', ' ') "> Colombia (Espa&#241;ol) </a> </td>
</tr> <tr>
<td> <a href= "javascript:__doPostBack( 'ctl00$LocaleManagement$ctl00$ctl12 ', ' ') "> Deutschland (Deutsch) </a> </td>
</tr> <tr>
<td> <a href= "javascript:__doPostBack( 'ctl00$LocaleManagement$ctl00$ctl13 ', ' ') "> Espa&#241;a (Espa&#241;ol) </a> </td>
</tr> <tr>

<td> <a href= "javascript:__doPostBack( 'ctl00$LocaleManagement$ctl00$ctl14 ', ' ') "> France (Fran&#231;ais) </a> </td>
</tr> <tr>
<td> <a href= "javascript:__doPostBack( 'ctl00$LocaleManagement$ctl00$ctl15 ', ' ') "> India (English) </a> </td>
</tr> <tr>
<td> <a href= "javascript:__doPostBack( 'ctl00$LocaleManagement$ctl00$ctl16 ', ' ') "> México (Espa&#241;ol) </a> </td>
</tr> <tr>

<td> <a href= "javascript:__doPostBack( 'ctl00$LocaleManagement$ctl00$ctl17 ', ' ') "> Perú (Espa&#241;ol) </a> </td>

</tr> <tr>
<td> <a href= "javascript:__doPostBack( 'ctl00$LocaleManagement$ctl00$ctl18 ', ' ') "> Россия (Pусский) </a> </td>
</tr> <tr>
<td> <a href= "javascript:__doPostBack( 'ctl00$LocaleManagement$ctl00$ctl19 ', ' ') "> United Kingdom (English) </a> </td>
</tr> <tr>
<td> <a href= "javascript:__doPostBack( 'ctl00$LocaleManagement$ctl00$ctl20 ', ' ') "> United States (English) </a> </td>
</tr> <tr>

<td class= "LocaleManagementFlyoutPopupHr "> </td>
</tr> <tr>
<td> <a href= "/zh-cn/preferences/lang/ "> 更多 </a> </td>
</tr>
</tbody> </table> </div> <div id= "ctl00$LocaleManagement$ctl00_Anim " class= "TFlyPopupAnimate "> </div>
</div>


---------------------------
CSS JS 实现 AJAX
[解决办法]
<div class= "stat " style= "position:relative; " id= "ctl00$EyebrowMenu$ctl00 "> <a title= "MSDN&nbsp; " href= "/ms348103 "> MSDN </a> <div id= "ctl00$EyebrowMenu$ctl00_Popup " class= "popup " style= "position: absolute;visibility:hidden;left:-65534px; ">
<a title= "MSDN 主页&nbsp; " href= "/default.aspx "> MSDN 主页 </a> <a title= "MSDN 技术资源库&nbsp; " href= "/zh-cn/library/ "> MSDN 技术资源库 </a> <a title= "MSDN 学习&nbsp; " href= "/bb188199 "> MSDN 学习 </a> <a title= "MSDN 下载&nbsp; " href= "/aa570309 "> MSDN 下载 </a> <a title= "MSDN 支持&nbsp; " href= "/aa570318 "> MSDN 支持 </a> <a title= "MSDN 社区&nbsp; " href= "/aa497440 "> MSDN 社区 </a> </div> <div id= "ctl00$EyebrowMenu$ctl00_Anim " class= "TFlyPopupAnimate "> </div>
</div>
<div class= "stat " style= "position:relative; " id= "ctl00$EyebrowMenu$ctl01 "> <a title= "Developer Centers&nbsp; " href= "/aa937802 "> Developer Centers </a> <div id= "ctl00$EyebrowMenu$ctl01_Popup " class= "popup " style= "position: absolute;visibility:hidden;left:-65534px; ">
<a title= ".NET Framework&nbsp; " href= "/netframework/ "> .NET Framework </a> <a title= "ASP.NET&nbsp; " href= "/asp.net/ "> ASP.NET </a> <a title= "Office&nbsp; " href= "/office/ "> Office </a> <a title= "SQL Server&nbsp; " href= "/sql/ "> SQL Server </a> <a title= "Visual Basic&nbsp; " href= "/vbasic/ "> Visual Basic </a> <a title= "Visual C++&nbsp; " href= "/visualc/ "> Visual C++ </a> <a title= "Visual C#&nbsp; " href= "/vcsharp/ "> Visual C# </a> <a title= "Visual Studio&nbsp; " href= "/vstudio/ "> Visual Studio </a> <a title= "Visual Studio Express&nbsp; " href= "http://msdn.microsoft.com/vstudio/express/ "> Visual Studio Express </a> <a title= "Windows Vista&nbsp; " href= "/windowsvista/ "> Windows Vista </a> <a title= "More&nbsp; " href= "/aa937802 "> More </a> </div> <div id= "ctl00$EyebrowMenu$ctl01_Anim " class= "TFlyPopupAnimate "> </div>

</div>
<div class= "stat " style= "position:relative; " id= "ctl00$EyebrowMenu$ctl02 "> <a title= "Microsoft 开发人员网络 " href= "/zh-cn/ms348103.aspx "> Microsoft 开发人员网络 </a> <div id= "ctl00$EyebrowMenu$ctl02_Popup " class= "popup " style= "position: absolute;visibility:hidden;left:-65534px; ">
<a title= "主页&nbsp; " href= "/zh-cn/ms348103 "> 主页 </a> <a title= "技术资源库&nbsp;&nbsp; " href= "/zh-cn/library/ms123401 "> 技术资源库 </a> <a title= "学习&nbsp; " href= "/zh-cn/bb188199 "> 学习 </a> <a title= "下载&nbsp; " href= "/zh-cn/aa570309 "> 下载 </a> <a title= "支持&nbsp; " href= "/zh-cn/aa570318 "> 支持 </a> <a title= "社区&nbsp; " href= "/zh-cn/aa497440 "> 社区 </a> </div> <div id= "ctl00$EyebrowMenu$ctl02_Anim " class= "TFlyPopupAnimate "> </div>
</div>


<script type= "text/javascript ">
<!--

WebForm_InitCallback();var ctl00_NavigationTabStrip_ScopeMenu_Data = new Object();
ctl00_NavigationTabStrip_ScopeMenu_Data.disappearAfter = 500;
ctl00_NavigationTabStrip_ScopeMenu_Data.horizontalOffset = -102;
ctl00_NavigationTabStrip_ScopeMenu_Data.verticalOffset = 17;
ctl00_NavigationTabStrip_ScopeMenu_Data.hoverClass = 'ctl00_NavigationTabStrip_ScopeMenu_9 scopeHover ';
ctl00_NavigationTabStrip_ScopeMenu_Data.hoverHyperLinkClass = 'ctl00_NavigationTabStrip_ScopeMenu_8 scopeHover ';
TFly_Init( 'ctl00$UserRecognitionFlyout$loginView$ctl02 ',0,0,-1, 4,60, 'UserRecognitionFlyoutStaticHover_msdn ', ' ',100,400, ' ', ' ', ' ');
TFly_Init( 'ctl00$LocaleManagement$ctl00 ',0,0,1, 4,60, 'LocaleManagementFlyoutStaticHover_msdn ', ' ',100,400, ' ', ' ', ' ');
TFly_Init( 'ctl00$QuickLinks$ctrlFlyout ',0,0,1, 4,60, 'QuickLinksFlyoutStaticHover_msdn ', ' ',100,400, ' ', ' ', ' ');
Sys.Application.initialize();
Sys.Application.add_init(function() {
$create(Microsoft.Mtps.Rendering.Behaviors.Ajax.AutoCompleteBehavior, { "completionInterval ":500, "enableCaching ":false, "id ": "ctl00_NavigationTabStrip_SearchAutoComplete ", "minimumPrefixLength ":4, "serviceMethod ": "GetTerms ", "servicePath ": "../msdn/Controls/TabStrip/TermService.asmx "}, null, null, $get( "ctl00_NavigationTabStrip_SearchTextBox "));
});
TFly_Init( 'ctl00$EyebrowMenu$ctl00 ',0,-1,-1, 10,5, 'statHover ', ' ',250,250, 'EyeBrowMenuBarSetHeight ', ' ', ' ');
TFly_Init( 'ctl00$EyebrowMenu$ctl01 ',0,-1,-1, 10,5, 'statHover ', ' ',250,250, 'EyeBrowMenuBarSetHeight ', ' ', ' ');
TFly_Init( 'ctl00$EyebrowMenu$ctl02 ',0,-1,-1, 10,5, 'statHover ', ' ',250,250, 'EyeBrowMenuBarSetHeight ', ' ', ' ');
// -->
</script>
[解决办法]
这里有一个简单的例子
http://www.kalayang.com/weblog/article.asp?id=112
[解决办法]
它用的是服务器端控件包装的，引用了了很多 js 的 ...
[解决办法]
mark