gruss *Aurora* - hallo Martin,
ich hab das auch mal abgetippt, und es laeuft;
ein paar kleine formfehler im code habe ich behoben - es ist aber
eher unwahrscheinlich, dass diese die probleme verursacht haben;
hier mal der code fuer die drei dateien
(a) "_styleTest.js"
(b) "_styleTest.css"
(c) "_styleTest.html"
(a) -------------------------------------------------------------
var delay=20;
function moveit(was, startx, starty, endx, endy, steps, wait)
{if (wait && wait > 0)
{setTimeout('moveit("'+was+'",'+startx+','+starty+','+endx+','+endy+','+steps+','+(wait-1)+')', delay);}
else
{if (document.layers)
{document.layers[was].left=startx;
document.layers[was].top=starty;
}
else
{document.all[was].style.left=startx;
document.all[was].style.top=starty;
}
startx+=(endx-startx)/steps;
starty+=(endy-starty)/steps;
if (steps > 0)
{setTimeout('moveit("'+was+'",'+startx+','+starty+','+endx+','+endy+','+(steps-1)+')', delay);}
} }
function init()
{if (navigator.appName == "Netscape")
{var w=innerWidth;
var h=innerHeight;
}
else
{var w=document.body.offsetWidth;
var h=document.body.offsetHeight;
}
var mw=w/2;
var mh=h/2;
moveit("f1", mw-182, -100, mw-160, 20, 40, 30); // Milch&Zucker
moveit("f2", -10, 0, mw-40, 100, 60); // Die deutsche
moveit("f3", w+100, 100, mw-120, 118, 100, 5); // DynamicHTML
moveit("f4", w, 0, mw-17, 160, 80); // Seite
moveit("f5", 100, h+10, mw-145, 200, 80); // von...usw.
}
(a) /------------------------------------------------------------
(b) -------------------------------------------------------------
div.fpunkte {position:absolute; top:-100; font-family:Arial,Helvetica,sans-serif;}
(b) /------------------------------------------------------------
(c) -------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>_styleTest.html</title>
<!--<script language="javascript" type="text/javascript" src="button.js"></script>-->
<script language="javascript" type="text/javascript" src="_styleTest.js"></script>
<!--<link rel="stylesheet" type="text/css" href="wolken.css">-->
<link rel="stylesheet" type="text/css" href="_styleTest.css">
</head>
<body onload="init()">
<center>
<div id="f1" class="fpunkte" style="background: #0099ff; color: white; width: 10;font-size:60px;">
PAGEMASTER
</div>
<div id="f2" class="fpunkte" style="font-size:18px;">
Das geht mit
</div>
<div id="f3" class="fpunkte" style="font-size:40px;">
<i>Dynamic</i>HTML
</div>
<div id="f4" class="fpunkte" style="font-size:20px;">
lade es
</div>
<div id="f5" class="fpunkte" style="color: blue; font-size:18px;">
dir runter und probiere ein bisschen rum
</div>
</center>
</body>
</html>
(c) /------------------------------------------------------------
tschuess und by(t)e by(t)e - peterS. - pseliger@gmx.net