Kleine Skript-Sammlung für Webdesigner - Divcontainer einfliegen lassen

Seite 4 von 6: Divcontainer einfliegen lassen

Divcontainer einfliegen lassen

In diesem kleinen Artikel findet sich der Quellcode inklusive der Anleitung um einen Divcontainer "einfliegen" zu lassen.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
#box{
position: absolute;
left: 0;
top:0;
width: 100px;
height: 100px;
position: absolute;
border: 1px solid #000;
background-color: #ccc;
}
</style>
<script>
var delay = 5;
var movepx = 2;
function init(_object,startx,starty,endx,endy){
var o = document.getElementById(_object);
o.style.left = startx + 'px';
o.style.top = starty + 'px';
fly(_object,endx,endy);
}

function fly(_object,xpos,ypos){
var o = document.getElementById(_object);
var posx = parseInt(o.style.left);
var posy = parseInt(o.style.top);

o.style.left = (posx<xpos) ? posx + movepx + 'px' : xpos + 'px';
o.style.top = (posy<ypos) ? posy + movepx + 'px' : ypos + 'px';
if(posx != xpos || posy != ypos){
setTimeout('fly('' + _object + '',' + xpos + ',' + ypos + ')', + delay);
}
}
</script>
</head>
<body onload="init('box',0,100,300,100)">
<div id="box">
Inhalt
</div>
</body>
</html>

Automatische Weiterleitung von Webseiten
Seite
  • Erstellt am .

Unsere Kompetenzen


Alexander´s Webdesign

Mosebergstraße 1
37441, Bad Sachsa

+49-(0)-5523-952 89 98
+49-(0)-160-932 435 66
Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein!

Montag - Freitag 09:00 - 18:00 Uhr

Kundenstimmen

So bewerten uns unsere Kunden.

4.8 / 5 Sternen

4.8 / 5 bei 106 Stimmen

Alle Bewertungen


  • Folgen Sie uns

Copyright © 2003 - 2021 Alexander´s Webdesign - Alle Rechte vorbehalten.

Keine Internetverbindung