Pohybující se *.gif na pozadí webu :-))
.. vtipné a zajímavé upoutání a zvítaznění vašich stránek :-):-):-)
Rada ! Čím je gif menší tím je chod scriptu plynulejší !
HTML kod :
<script LANGUAGE="JavaScript">
var x = 0;
var y = 0;
var offsetx = 2;
var offsety = 2;
function bounceIt() {
var el = document.all.bounce;
x += offsetx;
y += offsety;
if ((x + el.offsetWidth >= document.body.clientWidth +
document.body.scrollLeft) ||
(x <= document.body.scrollLeft)) {
offsetx = -offsetx;
if (x <= document.body.scrollLeft)
x = document.body.scrollLeft;
else
x = document.body.clientWidth - el.offsetWidth +
document.body.scrollLeft;
}
if ((y + el.offsetWidth >= document.body.clientHeight +
document.body.scrollTop) ||
(y <= document.body.scrollTop)) {
offsety = -offsety;
if (y <= document.body.scrollTop)
y = document.body.scrollTop;
else
y = document.body.clientHeight - el.offsetHeight +
document.body.scrollTop;
}
el.style.posLeft = x;
el.style.posTop = y;
}
</script>
</head>
<body ONLOAD="window.tm = setInterval('bounceIt()', 10);" ONUNLOAD="clearInterval(window.tm);">
<img SRC="gifa/idea1l.gif" ID="bounce" STYLE="position:absolute; top:0; left:0; z-index:-1" WIDTH="73" HEIGHT="55">
</body>
žlutě ... vámi zadané parametry
tučně a proloženě ... ovlivnění směru a rychlosti
