wagnerandrade / upper-box

API javascript para ser usada junto com jquery que transforma elementos em "caixas moveis".

This URL has Read+Write access

name age
history
message
file README Loading commit data...
file example.html
directory lib/
file upper-box.js
README
== upper-box

API javascript que transforma qualquer elemento de seu HTML (uma div, por exemplo) em uma caixa móvel posicionada na p
arte de cima da tela.
Para utilizá-lo é necessário estar com o jQuery adicionado ao documento.


== O que acontece?

O elemento upper-box vai virar uma caixa "invisível" na parte de cima da tela.
Quando o usuário se aproxima com o mouse da parte superior da tela (body), o elemento ira rolar, abrindo e exibindo seu c
onteúdo.


== Como usar?

Primeiro inclua os arquivos jQuery e upper-box no seu html, desta forma:

  <script type="text/javascript" src="jquery.js"></script>
  <script type="text/javascript" src="upper-box.js"></script>

Seu uso é bem simples, basta adicionar "upper-box" ao class do elemento que vai virar upper-box.

Exemplo:

  <div id='div1' class='divClass'>
    <h2>Olá,</h2>
    <p>Esta div não é um <b>upper-box</b>!</p>
  </div>

  <div id='div2' class='divClass upper-box'>
    <p>Esta div será um <b>upper-box</b>!</p>
    <p>Simples, não?!</p>
  </div>


== Quais navegadores?

O upper-box foi testado em Firefox, Safari e Internet Explorer 7.