Skip to content
API javascript para ser usada junto com jquery que transforma elementos em "caixas moveis".
JavaScript
Find file
Fetching latest commit…
Cannot retrieve the latest commit at this time.
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.
Something went wrong with that request. Please try again.