Ir para conteúdo

POWERED BY:

Arquivado

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

Kakashi_Hatake

[Resolvido] efeito fadeIn, fadeOut, fadeTo no JQUERY

Por , em Javascript

Recommended Posts

Kakashi_Hatake    267

Kakashi_Hatake
Postado

Pessoal, preciso de ajuda para mudar o background da lista com efeito "slow" ao invés da troca brusca que acontesse no css.

já tentei de várias formas mas sem resultados satisfatórios.

 

 

 

 

<html>
<title>Menu horizontal</title>
<head>
<style type="text/css" media="all">
/* inicio menu-horizontal */
.menu-horizontal ul{background: url(imagem/menu-horizontal.jpg) repeat-x top;padding:0;margin:0;float:left;list-style:none;width:100%;font:14px Helvetica, sans-serif, Arial;}
.menu-horizontal ul li{display:inline;}
.menu-horizontal ul li a{background:#A8C026 url(imagem/menu-horizontal.jpg) repeat-x top;float:left;margin:0;padding:15px 1px 5px 1px;text-decoration:none;color:#000000;height:27px;width:88px;}
.menu-horizontal ul li a:hover{background:#A8C026 url(imagem/menu-horizontal.jpg) repeat-x bottom;color:#FFFFFF;}
/* fim menu-horizontal */
</style>
<script src="jquery-1.3.2.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">

   /* HELP PLEASE */

</script>
</heade>
<body>
 <div class="menu-horizontal">  
  <ul>
      <li><a href="#">PC</a></li>
      <li><a href="#">XBOX</a></li>
      <li><a href="#">XBOX 360</a></li>
      <li><a href="#">WII</a></li>
 </ul>
</div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Cara, acredito que com backgrounds não é possível fazer efeitos de transição.

Só se você usasse imagens mesmo..<img />

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito