Flying text sinks to the bottom, does not rise to the top?

aler45dcom · Apr 19, 2005

I write a flying text script,but it sinks at the bottom and it stays
there forever.

How to change it so that it flies in the webpage?

<html>
<head>
<title>Flying text</title>
<script type="text/javascript">

</script>
</head>
<body onload="initText()" >
<p>
<span id="theText" style="position: absolute; left: 100px; top:
100px; font: bold 20pt 'Times Roman'; color: blue;">
Hello!
</span>
</p>
</body>
</html>

Stephen Chalmers · Apr 20, 2005

I write a flying text script,but it sinks at the bottom and it stays
there forever.

How to change it so that it flies in the webpage?

You need to store the current x and y direction, increment the co-ordinates
accordingly and change directions when defined limits are reached.

<html>
<head>
<title>Flying text</title>
<script type="text/javascript">

var dom, finalY=screen.availHeight||screen.height,
finalX=screen.availWidth||screen.width, xDir=1, yDir=1;
finalY=Math.round(finalY*0.7);

function initText()
{
if( document.getElementById &&
(dom=document.getElementById("theText").style) )
{
var x=dom.left;
var y=dom.top;
x=x.match(/\d/);
y=y.match(/\d/);
moveText(x,y);
}
}

function moveText(x,y)
{

if( (xDir==1 && x>=finalX) || xDir==-1 && x<=0)
xDir=-xDir;

x+=xDir;

if( (yDir==1 && y>=finalY) || yDir==-1 && y<=0)
yDir=-yDir;

y+=yDir;

dom.left=x+"px";
dom.top=y+"px";

setTimeout("moveText(" + x + "," + y + ")", 50);
}

</script>
</head>

<body onload="initText()" >

<div id="theText" style="position: absolute; left: 100px; top:
100px; font: bold 20pt 'Times Roman'; color: blue;">Hello!</div>

</body>
</html>

How to position the tooltip comment on these buttons?	9	Nov 4, 2023
How to use PDF-lib and how to center each line of texts on the page?	1	Aug 16, 2023
JavaScript: how to keep track of the circle in canvas on specific path?	0	Mar 20, 2023
Image shifts to the right when export the page to pdf	4	May 5, 2023
I am trying to detect Which image id="" was clicked ?	22	Jan 3, 2023
Why is the e.target not working here?	1	Dec 29, 2022
Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button>	1	Apr 22, 2023
Aligned to the left	3	Apr 19, 2023

Flying text sinks to the bottom, does not rise to the top?

aler45dcom

Stephen Chalmers

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads