gbMoveBox v1.1

Mit gbMoveBox können Sie einen Div Container an einer absoluten Stelle positionieren. Beim scrollen bewegt sich dieser Div Container zur eingestellten Position. Diese Klasse eignet sich besonders für Werbung oder für Informationen, die immer präsent sein sollen.

Demo

Scrollen Sie die Seite um die rechts Spalte zu bewegen.

» gbMoveBox Demo herunterladen

Einbinden

  1. Laden Sie die benötigt Daten » hier herunter.
  2. Binden Sie die JavaScript Dateien in Ihrer Seite ein.
    <script type="text/javascript" src="js/moo1.3.1_compile.js"></script>
    <script type="text/javascript" src="js/gbmovebox_compile.js"></script>
  3. Legen Sie einen Div Container an, der sich bewegen soll und vergeben Sie diesen eine ID (z.B. id="gbbox").
  4. Sie können der Klasse noch Optionen (optional) zuweisen, die übergeben werden soll.
    <script type="text/javascript">
    left = $('content').getSize().x+20;
    var gbMoveBoxOpt = {
    boxEl : 'marginal',
    parentEl : 'site',
    startTop: 146,
    startLeft: left,
    startTopIE: 0,
    startLeftIE : 0,
    duration : 'long',
    transition : Fx.Transitions.Quad.easeInOut,
    direction : 'vertical'
    }
    </script>
  5. Die JavaScript Klasse wird automatisch aufgerufen, wenn die Webseite vollständig geladen ist.

Erläuterung

Kommentare schreiben

Code bestätigen

Google-Analytics

Hier können Sie Einstellungen an Google-Analytics vornehmen.

Google-Analytics ausführen
anonym bleiben

gbBgImage

Mit gbBgImage können ein oder mehrere Hintergrundbilder auf Ihre Seite angelegt, die sich automatisch auf die Browsergröße anpassen (Fullscreen) und sich im wechsel einblenden.
» Weiter

Inhaltsmanager

Inhaltsmanager
Mit dieser Anwendung können Sie oder Ihre Mitarbeiter die Inhalte Ihrer Webseiten von jedem internetfähigen Rechner aus bequem verwalten und bei Bedarf ändern – einfach, schnell und ohne zusätzliche Software oder Programmierkenntnisse.
» Weiter

LERROS

i love lerros
Moden, Neuss
» Weiter
 
JavaScript MooTools Anwendungsbeispiel