<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta name="Copyright" content="维奇素材网 http://www.veeqi.com/" />
<meta name="description" content="给你最新;最全;最经典的素材地带！" />
<meta content="维奇素材网" name="keywords" />
<title>js下拉菜单效果代码演示页面--维奇素材网</title>
<meta name="robots" content="js下拉菜单" />
<meta name="description" content="js下拉菜单" />
<!--[imcss] *** Infinite Menus Core CSS: Keep this section in the document head for full validation. -->
<style type="text/css">.imcm ul,.imcm li,.imcm div,.imcm span,.imcm a{text-align:left;vertical-align:top;padding:0px;margin:0;list-style:none outside none;border-style:none;background-image:none;clear:none;float:none;display:block;position:static;overflow:visible;line-height:normal;}.imcm li a img{display:inline;border-width:0px;}.imcm span{display:inline;}.imcm .imclear,.imclear{clear:both;height:0px;visibility:hidden;line-height:0px;font-size:1px;}.imcm .imsc{position:relative;}.imcm .imsubc{position:absolute;visibility:hidden;}.imcm li{list-style:none;font-size:1px;float:left;}.imcm ul ul li{width:100%;float:none !important;}.imcm a{display:block;position:relative;}.imcm ul .imsc,.imcm ul .imsubc {z-index:10;}.imcm ul ul .imsc,.imcm ul ul .imsubc{z-index:20;}.imcm ul ul ul .imsc,.imcm ul ul ul .imsubc{z-index:30;}.imde ul li:hover .imsubc{visibility:visible;}.imde ul ul li:hover .imsubc{visibility:visible;}.imde ul ul ul li:hover .imsubc{visibility:visible;}.imde li:hover ul .imsubc{visibility:hidden;}.imde li:hover ul ul .imsubc{visibility:hidden;}.imde li:hover ul ul ul .imsubc{visibility:hidden;}.imcm .imea{display:block;position:relative;left:0px;font-size:1px;line-height:1px;height:0px;width:1px;float:right;}.imcm .imea span{display:block;position:relative;font-size:1px;line-height:0px;}.dvs,.dvm{border-width:0px}/*\*//*/.imcm .imea{visibility:hidden;}/**/</style><!--[if IE]><style type="text/css">.imcm .imea span{position:absolute;}.imcm .imclear,.imclear{display:none;}.imcm{zoom:1;} .imcm li{curosr:hand;} .imcm ul{zoom:1}.imcm a{zoom:1;}</style><![endif]--><!--[if gte IE 7]><style type="text/css">.imcm .imsubc{background-image:url(ie_css_fix);}</style><![endif]--><!--end-->
<!--[imstyles] *** Infinite Menu Styles: Keep this section in the document head for full validation. -->
<style type="text/css">
/* --[[ Main Expand Icons ]]-- */
#imenus0 .imeam span,#imenus0 .imeamj span {background-image:url(sample3_main_arrow.gif); width:7px; height:5px; left:-7px; top:5px; background-repeat:no-repeat;background-position:top left;}
#imenus0 li:hover .imeam span,#imenus0 li a.iactive .imeamj span {background-image:url(sample3_main_arrow.gif); background-repeat:no-repeat;background-position:top left;}
/* --[[ Sub Expand Icons ]]-- */
#imenus0 ul .imeas span,#imenus0 ul .imeasj span {background-image:url(sample3_sub_arrow.gif); width:5px; height:7px; left:-5px; top:3px; background-repeat:no-repeat;background-position:top left;}
#imenus0 ul li:hover .imeas span,#imenus0 ul li a.iactive .imeasj span {background-image:url(sample3_sub_arrow.gif); background-repeat:no-repeat;background-position:top left;}
/* --[[ Main Container ]]-- */
#imouter0 {background-color:#ffffff; border-style:none; border-color:#6a6a6a; border-width:1px; padding:0px; margin:0px; }
/* --[[ Sub Container ]]-- */
#imenus0 li ul {background-color:#efefef; border-style:solid; border-color:#cccccc; border-width:1px; padding:5px; margin:4px 0px 0px; }
/* --[[ Main Items ]]-- */
#imenus0 li a, #imenus0 .imctitle {color:#333333; text-align:left; font-family:Arial; font-size:12px; font-weight:normal; text-decoration:underline; border-style:solid; border-color:#dddddd; border-width:1px; padding:2px 8px; }
/* [hover] - These settings must be duplicated for IE compatibility.*/
#imenus0 li:hover>a {background-color:#efefef; text-decoration:underline; }
#imenus0 li a.ihover, .imde imenus0 a:hover {background-color:#efefef; text-decoration:underline; }
/* [active] */
#imenus0 li a.iactive {}
/* --[[ Sub Items ]]-- */
#imenus0 ul a, #imenus0 .imsubc li .imctitle {color:#555555; text-align:left; font-size:11px; font-weight:normal; text-decoration:none; border-style:none; border-color:#000000; border-width:1px; padding:2px 5px; }
/* [hover] - These settings must be duplicated for IE comptatibility.*/
#imenus0 ul li:hover>a {color:#000000; text-decoration:underline; }
#imenus0 ul li a.ihover {color:#000000; text-decoration:underline; }
/* [active] */
#imenus0 ul li a.iactive {background-color:#ffffff; }
</style><!--end-->
</head>
<body>
<!--|**START IMENUS**|imenus0,inline-->
<!-- ****** Infinite Menus Structure & Links ***** -->
<div class="imrcmain0 imgl" style="width:580px;z-index:999999;position:relative;"><div class="imcm imde" id="imouter0"><ul id="imenus0">
<li class="imatm" style="width:145px;"><a class="" href="#"><span class="imea imeam"><span></span></span>Who We Are</a>
<div class="imsc"><div class="imsubc" style="width:145px;top:0px;left:0px;"><ul style="">
<li><a href="http://www.veeqi.com">Overview</a></li>
<li><a href="http://www.veeqi.com">Mission & Goals</a></li>
<li><a href="http://www.veeqi.com">History</a></li>
<li><a href="http://www.veeqi.com">Management</a></li>
<li><a href="http://www.veeqi.com">Working at Tyco</a></li>
<li><a href="http://www.veeqi.com">Press Center</a></li>
<li><a href="http://www.veeqi.com"><span class="imea imeas"><span></span></span>Worldwide</a>
<div class="imsc"><div class="imsubc" style="width:140px;top:-23px;left:132px;"><ul style="">
<li><a href="http://www.veeqi.com">Europe</a></li>
<li><a href="http://www.veeqi.com">Asia</a></li>
<li><a href="http://www.veeqi.com">US & Canada</a></li>
<li><a href="http://www.veeqi.com">Mexico</a></li>
<li><a href="http://www.veeqi.com">Australia</a></li>
<li><a href="http://www.veeqi.com">Middle East</a></li>
</ul></div></div></li>
<li><a href="http://www.veeqi.com"><span class="imea imeas"><span></span></span>Board of Directors</a>
<div class="imsc"><div class="imsubc" style="width:140px;top:-23px;left:132px;"><ul style="">
<li><a href="http://www.veeqi.com">Overview</a></li>
<li><a href="http://www.veeqi.com">Electronics</a></li>
<li><a href="http://www.veeqi.com">Fire & Security</a></li>
<li><a href="http://www.veeqi.com">Healthcare</a></li>
<li><a href="http://www.veeqi.com">Plastics & Adhesives</a></li>
<li><a href="http://www.veeqi.com">Engineered Producs</a></li>
<li><a href="http://www.veeqi.com">Tyco Worldwide</a></li>
</ul></div></div></li>
<li><a href="http://www.veeqi.com">Customers</a></li>
</ul></div></div></li>
<li class="imatm" style="width:145px;"><a href="http://www.veeqi.com"><span class="imea imeam"><span></span></span>Our Commitment</a>
<div class="imsc"><div class="imsubc" style="width:146px;top:0px;left:-1px;"><ul style="">
<li><a href="http://www.veeqi.com">Overview</a></li>
<li><a href="http://www.veeqi.com">People & Values</a></li>
<li><a href="http://www.veeqi.com">Governance</a></li>
<li><a href="http://www.veeqi.com">Community</a></li>
<li><a href="http://www.veeqi.com">Environmental</a></li>
</ul></div></div></li>
<li class="imatm" style="width:145px;"><a href="http://www.veeqi.com"><span class="imea imeam"><span></span></span>Our Business</a>
<div class="imsc"><div class="imsubc" style="width:146px;top:0px;left:0px;"><ul style="">
<li><a href="http://www.veeqi.com">Overview</a></li>
<li><a href="http://www.veeqi.com">Electronics</a></li>
<li><a href="http://www.veeqi.com">Fire & Security</a></li>
<li><a href="http://www.veeqi.com">Healthcare</a></li>
<li><a href="http://www.veeqi.com">Plastics & Adhesives</a></li>
<li><a href="http://www.veeqi.com">Engineered Producs</a></li
超牛的AJAX下拉菜单（调用即可用）
4星 · 超过85%的资源 需积分: 10 194 浏览量
2009-08-17
11:56:28
上传
评论
收藏 7KB RAR 举报 
xwzsky.rar （4个子文件） 
xwzsky 
sample3_main_arrow.gif 827B sample3_sub_arrow.gif 827B
ocscript.js 13KB
index.html 9KB资源评论
Fantasy龙2012-06-23东西可以用，但看不懂，复杂
