Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

paintbruxo

[Resolvido] Erro Links Menu Lava Lamp

Recommended Posts

Não entendo quase nada de .JS, mais recentemente estavo fazendo um template para um site, e achei esse menu bem legal no site http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/ baixei o arquivo que eles deixaram para download, e modifiquei no meu gosto, mais tive um problema dps de tudo pronto, fui substituir os links mortos na lista, e acabou que esses links não abrem ao clicar no menu, e queria saber porque está dando esse error, creio que seja na funçao click: event algo assim..

Se alguém pode me ajudar, agradeço (Y)

 

Página do menu:

 

http://fileson.com/lavalamp/

 

reparem que os links não abrem.

 

O Código html ta assim:

 

<ul class="roxhover" id="1">
    <li class="current"><a href="http://www.fileson.com">Portal</a></li>'>http://www.fileson.com">Portal</a></li>
    <li><a href="http://www.fileson.com" target="_blank">Como instalar jogos</a></li>
    <li><a href="http://www.fileson.com">F.A.Q Perguntas Frequentes</a></li>
    <li><a href="http://www.fileson.com">Catalogo </a></li>
</ul>

e as partes de scripts assim

 

<script type="text/javascript" src="js/jquery-1.2.3.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
<script type="text/javascript" src="js/jquery.lavalamp.min.js"></script>
<script type="text/javascript"> $(function() { $("#1, #2, #3").lavaLamp({ fx: "backout", speed: 800, click: function(event, menuItem) { return false; } }); });</script>

o css:

.roxhover {
            position: relative;
            height: 31px;
            padding: 10px;
            margin: 0 60px 0 60px;
            overflow: hidden;
        }
                .roxhover li {
                    float: left;
                    list-style: none;
                }
                    .roxhover li.back {
                        background: url("images/lava.gif") no-repeat right -31px;
                        width: 9px; height: 31px;
                        z-index: 8;
                        position: absolute;
                    }
                        .roxhover li.back .left {
                            background: url("images/lava.gif") no-repeat top left;
                            height: 31px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */
                        }
                    .roxhover li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;    
                    }
                        .roxhover li a:hover, .roxhover li a:active, .roxhover li a:visited {
                            border: none;
                        }

Compartilhar este post


Link para o post
Compartilhar em outros sites

Quando voce clica em algum link, nao acontece nada?

 

Acho que eu ja sei muda aqui ó

 

<script type="text/javascript"> $(function() { $("#1, #2, #3").lavaLamp({ fx: "backout", speed: 800, click: function(event, menuItem) { return false; } }); });</script>

para

 

<script type="text/javascript"> $(function() { $("#1, #2, #3").lavaLamp({ fx: "backout", speed: 800, click: function(event, menuItem) { return true; } }); });</script>

 

Se funcionar avisa..

 

Abracos!

Compartilhar este post


Link para o post
Compartilhar em outros sites

kleinkauff LOL! oque q um true não faz...

funcionou sim kleinkauff.. valeu mesmo \o

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.