menu rolante
">
Menu Flutuante com jQuery

Exemplo de menu flutuante simples

Este efeito só será visível quando houver barra de rolagem. Quando utlizarem a rolagem para navegação, o menu irá acompanhar a área vísivel.

• nova postagem
• Menu 2
• orkut
• Menu 4
• Menu 5

menu rolante<br /> "><br /> Menu Flutuante com jQuery<br /> <br /> <script src="http://www.shiguenori.com/jquery/jquery-1.3.1.js"> </script><br /> <script language="javascript"> $(document).ready(function(){ var y_fixo = $("#menu").offset().top; $(window).scroll(function () { $("#menu").animate({ top: y_fixo+$(document).scrollTop()+"px" },{duration:500,queue:false} ); }); }); </script><br /> <br /> <style type="text/css"> #menu { left:0px; margin:0; padding:0; position:absolute; top:100px; width:150px; } #menu ul { list-style:none; margin:0; padding:0; } #menu ul li { margin-bottom:2px; } #menu ul li a { background-color:#333; border:1px solid #999; color:#FFF; display:block; padding:5px 5px 5px 15px; text-decoration:none; } #menu ul li a:hover { background-color:#FFFF00; color:#A020F0; } </style><br /> <br /> <br /> <br /> <h2>Exemplo de menu flutuante simples</h2><br /> <div style="height: 2000px;">Este efeito só será visível quando houver barra de rolagem. Quando utlizarem a rolagem para navegação, o menu irá acompanhar a área vísivel.</div><br /> <div id="menu"><ul class="menu"><li><a href="http://www.blogger.com/home"> MENU 1 </a></li> <li><a href=""> Menu 2 </a></li> <li><a href=""> MENU 3</a></li> <li><a href="" onclick="return false;"> Menu 4 </a></li> <li><a href=""> Menu 5 </a></li> </ul></div>