Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17673
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Barrinha amarela de nova mensagem recebida

19-01-2015 20:42

Nesse post vou deixar um script que pode ser usado para informar ao usuário que ele tem uma nova mensagem por exemplo.

O script carrega uma barrinha amarela fixa no topo do documento, que acompanha o rolar da página.

<style> #caixa { position: absolute; top: 0; left: 0; z-index: 10; background:#ffc; padding:5px; border:1px solid #CCCCCC; text-align:center; width:99%; font-family:verdana; font-size:13px; color:#000; font-weight:bold; display:none; } </style>


<script src="jquery.js"></script> <script> $(document).ready(function() { $("#caixa").show(); $(window).scroll(function() { $('#caixa').animate({top:$(window).scrollTop()+"px" },{queue: false, duration: 350}); }); $('#fechar').click(function() { $('#caixa').animate({ top:"+=15px",opacity:0 }, "slow"); }); }); </script>


<div id="caixa">Nova mensagem para você - <a href="#" id="fechar">Fechar</a></div>

1
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado