API javascript para ser usada junto com jquery que transforma elementos em "caixas moveis".
JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
lib
README
example.html
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 parte 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 conteú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.