Beautiful DropDown Menu

Javascript

توسط stackoverflow در 8 سال پیش
0 11k 2 8 سال پیش
stackoverflow daniel
0

لیست پایین امدنی یا آبشاری زیبا!
از اول اول تا آخر :laughingsmiley:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'mymenu.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<title>NexGen Ergonomics - Product Order/Quotation Form</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
<meta http-equiv="content-language" content="en" /> 
<meta name="robots" content="all" /> 
<link rel="shortcut icon" href="/favicon.ico" /> 
<meta name="description" content="" /> 
<meta name="keywords" content="" /> 
<meta name="author" content="Scottmark Communications" /> 
<meta name="copyright" content="1997-2007 NexGen Ergonomics Inc" /> 

<style type="text/css"> 
.qmmc .qmdivider{display:block;font-size:6px;border-width:0px;border-style:solid;position:relative;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc ul {left:-10000px;position:absolute;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li{position:relative;}.qmmc ul {z-index:10;}.qmmc ul ul {z-index:20;}.qmmc ul ul ul {z-index:30;}.qmmc ul ul ul ul {z-index:40;}.qmmc ul ul ul ul ul {z-index:50;}li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}
#qm0 a{padding:5px 4px 5px 5px;color:#555555;font-family:Arial;font-size:11px;font-weight:bold;text-decoration:none;}
#qm0 div, #qm0 ul{padding:10px;margin:-2px 0px 0px;background-color:transparent;border-style:none;}
#qm0 div a, #qm0 ul a{padding:3px 10px 3px 5px;background-color:transparent;font-size:11px;font-weight:normal;border-width:0px;border-style:none;}
#qm0 div a:hover, #qm0 ul a:hover{background-color:#d9e8f7;color:#ff6f00;}
#qm0 .qmtitle{cursor:default;padding:3px 0px 3px 4px;color:#444444;font-family:arial;font-size:11px;font-weight:bold;}
#qm0 .qmdividerx{border-top-width:1px;margin:4px 0px;border-color:#bfbfbf;}
#qm0 .qmdividery{border-left-width:1px;height:15px;margin:4px 2px 0px;border-color:#aaaaaa;}
#qm0 .qmritem span{border-color:#0066cc;background-color:#f0f6fc;}
#qm0 .qmritemcontent{padding:0px 0px 0px 4px;}
ul#qm0 ul{border-color:#e6f0fa;border-style:solid;border-width:1px;background-color:#e6f0ff;}
.qmfv{visibility:visible !important;}.qmfh{visibility:hidden !important;}

</style> 
<script type="text/JavaScript"> 
var qmad = new Object();qmad.bvis="";qmad.bhide="";qmad.bhover="";
var a = qmad.qm0 = new Object();
a.rcorner_size = 6;
a.rcorner_container_padding = 0;
a.rcorner_border_color = "#0066cc";
a.rcorner_bg_color = "#f0f6fc";
a.rcorner_apply_corners = new Array(false,true,true,true);
a.rcorner_top_line_auto_inset = true;
a.ritem_size = 4;
a.ritem_apply = "main";
a.ritem_main_apply_corners = new Array(true,true,false,false);
a.ritem_show_on_actives = true; 
</script>

  </head>
  
  <body>
  <form action="http://search.atomz.com/search/" style="margin: 0;"> 
<table cellspacing="0" cellpadding="0" align="center" style="width: 680px; background-image: url(images/center_tile.gif); background-color: rgb(245, 245, 245);"> 
<tr> 
<td><div style="width:10px;height:60px;background-image:url(images/left_cap.gif);font-size:10px;"></div></td> 
<td style="width:100%;"> 
<ul id="qm0" class="qmmc"> 
	<li><span class="qmdivider qmdividery" ></span></li> 
	<li><A href='home.jsp'>Home </A></li>
	<li><a href="javascript:void(0);">Route </a> 
		<ul style="width:150px;"> 
		<li><A href='AddRoute.jsp'>ADDROUTE </A></li>
    	<li><A href='ListRoute.jsp?op=list'>LstROUTE </A></li>
    	<li><A href='ViewRoute.jsp'>ViewROUTE </A></li>
    	<li><A href='DeleteRoute.jsp'>DeleteROUTE </A></li>
    	<li><A href='EditRoute.jsp'>EditROUTE </A></li>
		</ul></li>
	<li><span class="qmdivider qmdividery" ></span></li> 
	<li><a href="javascript:void(0);">Vehicle </a> 
		<ul style="width:150px;"> 
		<li><A href='AddVehicle.jsp'>ADDVehicle </A></li>
    	<li><A href='ListVehicle.jsp?op=list'>LstVehicle </A></li>
    	<li><A href='ViewVehicle.jsp'>ViewVehicle </A></li>
    	<li><A href='DeleteVehicle.jsp'>DeleteVehicle</A></li>
    	<li><A href='EditVehicle.jsp'>EditVehicle </A></li>
		</ul></li>
		<li><span class="qmdivider qmdividery" ></span></li> 
		
	<li><a href="javascript:void(0);">HOPP </a> 
		<ul style="width:150px;"> 
		<li><A href='AddHopp.jsp'>ADDHOPP </A></li>
    	<li><A href='ListHopp.jsp?op=list'>ListHOPP </A></li>
    	<li><A href='ViewHopp.jsp'>ViewHOPP </A></li>
    	<li><A href='DeleteHopp.jsp'>DeleteHOPP</A></li>
    	<li><A href='EditHopp.jsp'>EditHOPP </A></li>
		</ul></li>
	

	<li><span class="qmdivider qmdividery" ></span></li> 
	<li><a href="LogoutAction.jsp"> LOGOUT </a></li> 
	<li><span class="qmdivider qmdividery" ></span></li> 
</ul> 
</td>  
</tr> 
</table> 
</form> 
 
<script type="text/javascript">qm_create(0,false,0,250,false,false,false,false);</script> 
  </body>
</html>
آخرین ویرایش: 25-09-2012 ساعت 12:20، توسط Stack OverFlow
0

عالیست!
خودت نوشتی؟


البته فکر کنم به بخش css بیستر مربوط میشه این پست :)

آخرین ویرایش: 25-09-2012 ساعت 12:36، توسط Daniel
0

نه خودم ننوشتم

:smiles (14): انجمن css رو ندیده بودم ;-)

خوش آمدید

برای طرح سوال، ایجاد بحث و فعالیت در سایت نیاز است ابتدا وارد حساب کاربری خود شوید. در صورتی که هنوز عضو سایت نیستید میتوانید در عرض تنها چند ثانیه ثبت نام کنید.