GitHub - 19WAS85/upper-box: API javascript para ser usada junto com jquery que transforma elementos em "caixas moveis".

Branches Tags

Name		Name	Last commit message	Last commit date
Latest commit History 11 Commits
lib		lib
README		README
example.html		example.html
upper-box.js		upper-box.js

Repository files navigation

== 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.