How to create submenu in html for eg(In home menu create one more submenu)
how to create submenu in html for eg(In home menu create one more submenu) ...In default submenu is hidden...
anybody give an idea...
You must Sign In to post a response.
Category: HTML
In default submenu is hidden...
anybody give an idea...
#515685
Hi,
Hope this will help you.
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }
}
</script>
<style type="text/css">
.popup1 { border: 1px #000000 solid; background-color: #a0b0e0; padding-left: 5px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px}
div { padding-left: 5px}
-->
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<div id="popup1" style="position:absolute; width:100px; height:52px; z-index:2; left: 109px; top: 10px; visibility: hidden" onMouseOver="MM_showHideLayers('popup1','','show')" onMouseOut="MM_showHideLayers('popup1','','hide')" class="popup1">
<font face="Verdana, Arial, Helvetica, sans-serif" size="1">
<a href="#">Link 1</a><br>
<a href="#">Link 2</a><br>
<a href="#">Link 3</a><br>
<a href="#">Link 4</a>
</font>
</div>
</body>
</html>
Thanks,
Eliza
Hope this will help you.
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }
}
</script>
<style type="text/css">
.popup1 { border: 1px #000000 solid; background-color: #a0b0e0; padding-left: 5px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px}
div { padding-left: 5px}
-->
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<div id="popup1" style="position:absolute; width:100px; height:52px; z-index:2; left: 109px; top: 10px; visibility: hidden" onMouseOver="MM_showHideLayers('popup1','','show')" onMouseOut="MM_showHideLayers('popup1','','hide')" class="popup1">
<font face="Verdana, Arial, Helvetica, sans-serif" size="1">
<a href="#">Link 1</a><br>
<a href="#">Link 2</a><br>
<a href="#">Link 3</a><br>
<a href="#">Link 4</a>
</font>
</div>
</body>
</html>
Thanks,
Eliza
#549604
You can use DHTML Menus for that
Thanks & Regards,
Deepika - Sr. Editor
Webmaster, GujaratSpider
http://angeldeeps.blogspot.com/
"Experience is the name everyone gives to his mistakes"
Thanks & Regards,
Deepika - Sr. Editor
Webmaster, GujaratSpider
http://angeldeeps.blogspot.com/
"Experience is the name everyone gives to his mistakes"
Return to Return to Discussion Forum