Menu de janela pop-up em escala

Parte 3

----------------------------------- --------- ------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------
• página 1
• página 2
• página 3
• página 4
• página 5
• página 6
• página 7
• página 8
• página 9
• página 10
• página 11
• página 12
• página 13
• página 14
• página 15
• página 16
• página 17
• página 18
• página 19
• página 20
• página 21
• página 1
• página 1
• página 1
• página 1
• página 1
• página 1
• página 1
• página 1
• página 1

Código JAVASCRIPT

<ul id="nav"></ul><br /> <br /> <br /> <li><a href="http://www.blogger.com/post-edit.do#">Parte 3</a><br /> <br /> <br /> <ul>----------------------------------- --------- ------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------ <li><a href="#" onclick="window.open('http://htmlalequinho.blogspot.com/#', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');">página 1</a></li> <li><a href="#" onclick="window.open('http://htmlalequinho.blogspot.com/#', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');">página 1</a></li> <li><a href="#" onclick="window.open('http://htmlalequinho.blogspot.com/#', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');">página 1</a></li> <li><a href="#" onclick="window.open('http://htmlalequinho.blogspot.com/#', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');">página 1</a></li> <li><a href="#" onclick="window.open('http://htmlalequinho.blogspot.com/#', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');">página 1</a></li> <li><a href="#" onclick="window.open('http://htmlalequinho.blogspot.com/#', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');">página 1</a></li> <li><a href="#" onclick="window.open('http://htmlalequinho.blogspot.com/#', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');">página 1</a></li> <li><a href="#" onclick="window.open('http://htmlalequinho.blogspot.com/#', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');">página 1</a></li> <li><a href="#" onclick="window.open('http://htmlalequinho.blogspot.com/#', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');">página 1</a></li> <li><a href="#" onclick="window.open('http://htmlalequinho.blogspot.com/#', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');">página 1</a></li> <li><a href="#" onclick="window.open('http://htmlalequinho.blogspot.com/#', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');">página 1</a></li> <li><a href="#" onclick="window.open('http://htmlalequinho.blogspot.com/#', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');">página 1</a></li> <li><a href="#" onclick="window.open('http://htmlalequinho.blogspot.com/#', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');">página 1</a></li> <li><a href="#" onclick="window.open('http://htmlalequinho.blogspot.com/#', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');">página 1</a></li> <li><a href="#" onclick="window.open('http://htmlalequinho.blogspot.com/#', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');">página 1</a></li> <li><a href="#" onclick="window.open('http://htmlalequinho.blogspot.com/#', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');">página 1</a></li> <li><a href="#" onclick="window.open('http://htmlalequinho.blogspot.com/#', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');">página 1</a></li> <li><a href="#" onclick="window.open('http://htmlalequinho.blogspot.com/#', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');">página 1</a></li> </ul><style type="text/css"> ul{ margin:0; padding:0; list-style:none; width:150px; border-bottom:1px solid#FF69B4; } ul li { position:relative; } li ul { position:absolute; left:149px; top:0; display:none; } ul li a { display:block; text-decoration:none; color #060864; background:#000000; padding:5px; border:1px solid #FF69B4; border-bottom:0; } /*correção \*/ *html ul li {float:left;} *html ul li a{height:1%;} /* fim da correção*/ li:hover ul, li.over ul { display:block; } </style><br /> <br /> Código JAVASCRIPT<br /> <br /> <script language="JavaScript" type="text/JavaScript"> <!– startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("nav"); for (i = 0; i<navRoot.childNodes.length; i++) { node = navRoot.childNodes[i]; if (node.nodeName=="LI") { node.onmouseover=function() { this.className+=" over"; } node.onmouseout=function() { this.className=this.className.replace(" over", ""); } }} } } window.onload=startList; //–> </script> </li><br /> <br /> <br /> <br />