- dm01

Diego Venegas

Menu del sitio

Software Estudiantiles

Libro de Visitas

Anuncios Patrocinados

Mi Pagina

Pagina Oculta
Matematica
CSS
WebMaster
Libro de Visitas
Menu
dm01

dm01

Menu 1
Menu 2
- Link 2.1
  - Link 2.1.1
  - Link 2.1.2
  - Link 2.1.3
- Link 2.2
- Link 2.3
- Link 2.4
- Link 2.5
Menu 3
- Link 3.1
- Link 3.2
- Link 3.3
- Link 3.4
Menu 4
- Link 4.1
- Link 4.2
  - Link 4.2.1
  - Link 4.2.2
  - Link 4.2.3
  - Link 4.2.4
  - Link 4.2.5
  - Link 4.2.6
- Link 4.3
- Link 4.4
- Link 4.5
Menu 5
Menu 6

Código

<style type="text/css">
.padding {height:300px;}

#dm01 {position:relative; height:200px; width:130px; z-index:100;}
#dm01_nav {position:absolute; left:0; top:0;}
#dm01_nav, 
#dm01_nav ul {padding:0; margin:0; list-style:none; font-family:arial, sans-serif; background:#transparent; font-weight:bold;}
#dm01_nav li a {padding-left:20px; white-space:nowrap;}
#dm01_nav li ul li a {padding-left:0;}

#dm01_nav ul {padding-left:20px;}
#dm01_nav li a {color:#0099CC; text-decoration:none; font-size:11px;}
#dm01_nav li {font-size:13px; line-height:25px; color:#0033FF; cursor:pointer; width:100%;}
#dm01_nav li.down {text-indent:20px;}

#dm01_nav li a:hover {text-decoration:underline;}

</style>

<script src="http://diegovenegas.110mb.com/JS/dm01.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function() {

$("ul#dm01_nav ul").hide();
$('ul#dm01_nav li:has(ul)').each(function(i) {
$(this).children().slideUp(400);
});

$('li.dm01_p1:has(ul)').click(function(event){
		if (this == event.target) {
		current = this;
		$('ul#dm01_nav li:has(ul)').each(function(i) {
		if (this != current) {$(this).children().slideUp(400);}
		});
		$(this).children("ul:eq(0)").slideToggle(400);

}
	});

$('li.dm01_p2:has(ul)').click(function(event){
		if (this == event.target) {
		current = this;
		$('li.dm01_p2:has(ul)').each(function(i) {
		if (this != current) {$(this).children().slideUp(400);}
		});
		$('li.dm01_p3:has(ul)').each(function(i) {
		if (this != current) {$(this).children().slideUp(400);}
		});
		$(this).children("ul:eq(0)").slideToggle(400);

}
	});

$('li.dm01_p3:has(ul)').click(function(event){
		if (this == event.target) {
		current = this;
		$('li.dm01_p3:has(ul)').each(function(i) {
		if (this != current) {$(this).children().slideUp(400);}
		});
		$(this).children("ul:eq(0)").slideToggle(400);

}
	});

});
</script>

<div id="dm01">
<ul id="dm01_nav">
<li><a href="#url">Menu 1</a></li>
<li class="dm01_p1 down">Menu 2
<ul>
<li class="dm01_p2 down">Link 2.1</a>
<ul>
<li class="dm01_p3 down">Link 2.1.1
<ul>
<li><a href="#url">Link 2.1.1.1</a></li>
<li><a href="#url">Link 2.1.1.2</a></li>
<li><a href="#url">Link 2.1.1.3</a></li>
<li><a href="#url">Link 2.1.1.4</a></li>
<li><a href="#url">Link 2.1.1.5</a></li>
</ul>
</li>
<li class="dm01_p3 down">Link 2.1.2
<ul>
<li><a href="#url">Link 2.1.2.1</a></li>
<li><a href="#url">Link 2.1.2.2</a></li>
<li><a href="#url">Link 2.1.2.3</a></li>
<li><a href="#url">Link 2.1.2.4</a></li>
</ul>
</li>
<li class="dm01_p3 down">Link 2.1.3
<ul>
<li><a href="#url">Link 2.1.3.1</a></li>
<li><a href="#url">Link 2.1.3.2</a></li>
<li><a href="#url">Link 2.1.3.3</a></li>
<li><a href="#url">Link 2.1.3.4</a></li>
<li><a href="#url">Link 2.1.3.5</a></li>
</ul>
</li>
</ul>
</li>
<li class="dm01_p2 down">Link 2.2
<ul>
<li><a href="#url">Link 2.2.1</a></li>
<li><a href="#url">Link 2.2.2</a></li>
<li><a href="#url">Link 2.2.3</a></li>
<li><a href="#url">Link 2.2.4</a></li>
<li><a href="#url">Link 2.2.5</a></li>
</ul>
</li>
<li><a href="#url">Link 2.3</a></li>
<li><a href="#url">Link 2.4</a></li>
<li><a href="#url">Link 2.5</a></li>
</ul>
</li>
<li class="dm01_p1 down">Menu 3
<ul>
<li><a href="#url">Link 3.1</a></li>
<li><a href="#url">Link 3.2</a></li>
<li><a href="#url">Link 3.3</a></li>
<li><a href="#url">Link 3.4</a></li>
</ul>
</li>
<li class="dm01_p1 down">Menu 4
<ul>
<li><a href="#url">Link 4.1</a></li>
<li class="dm01_p2 down">Link 4.2
<ul>
<li class="dm01_p3 down">Link 4.2.1
<ul>
<li><a href="#url">Link 4.2.1.1</a></li>
<li><a href="#url">Link 4.2.1.2</a></li>
<li><a href="#url">Link 4.2.1.3</a></li>
<li><a href="#url">Link 4.2.1.4</a></li>
</ul>
</li>
<li><a href="#url">Link 4.2.2</a></li>
<li><a href="#url">Link 4.2.3</a></li>
<li class="dm01_p3 down">Link 4.2.4
<ul>
<li><a href="#url">Link 4.2.4.1</a></li>
<li><a href="#url">Link 4.2.4.2</a></li>
<li><a href="#url">Link 4.2.4.3</a></li>
<li><a href="#url">Link 4.2.4.4</a></li>
<li><a href="#url">Link 4.2.4.5</a></li>
</ul>
</li>
<li><a href="#url">Link 4.2.5</a></li>
<li><a href="#url">Link 4.2.6</a></li>
</ul>
</li>
<li><a href="#url">Link 4.3</a></li>
<li><a href="#url">Link 4.4</a></li>
<li><a href="#url">Link 4.5</a></li>
</ul>
</li>
<li class="dm01_p1 down">Menu 5
<ul>
<li><a href="#url">Link 5.1</a></li>
<li><a href="#url">Link 5.2</a></li>
<li><a href="#url">Link 5.3</a></li>
</ul>
</li>
<li><a href="#url">Menu 6</a></li>
</ul>
</div>

Copyright MyCorp © 2009

Internet

CLICK AQUI APARIENCIA 1 CLICK AQUI APARIENCIA 2

My Plugoo