Beautiful DropDown Menu

JavaScript

توسط stackoverflow در 6 سال پیش
0 626 2 6 سال پیش
stackoverflowdaniel
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 رو ندیده بودم ;-)

خوش آمدید

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

لطفا ابتدا لاگین کنید