PDA

Click to See Complete Forum and Search --> : Moving Text Question (ala "Star Wars intro")

Albatross
08-16-2003, 03:58 PM
Hello once again,

A while back I saw a web page that had a javascript that allowed people to create flowing text that behaves exactly like the opening sequence to the Star Wars movies ("A long time ago, in a Galaxy far, far away..."). I did not bookmark the page, and now that I want to use the script for a fun little project (I have a picture of a rabbit that looks like Darth Vader being flanked by a phalanx of Imperial Stormtroopers) for a Star Wars parody (non-commercial, purely for entertainment purposes only), I can't seem to find the page so I can copy the script. Does anyone know where the page is, or what the script looks like?

Thanks in advance!

(btw, while I'm on, I browse through the other threads, and see if I can help with some of the questions posted there ;) )
Capone
08-16-2003, 11:37 PM
How about a plain old marquee?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head>
<style>
marquee{font-size:24pt;}
</style>
</head>
<body>
<marquee>A long time ago, in a Galaxy far, far away...</marquee>
</body>
</html>

If you just want it to play once, use: <marquee loop="1">.

This works better in Internet Explorer; my Netscape 7 shows the marquee, but not the styling.
xataku_nakusute
08-17-2003, 06:07 AM
<html>
<head>
<title>Star Wars
<style>
span
{
font-family: arial;
background:#000000;
width: auto;
top:0;
}
</style>

<script type="text/javascript">
var interval
startPosition=0
topPosition=100
endPosition=100
speed=10

function scrollit()
{
if (startPosition!=200)
{
startPosition=startPosition+1
topPosition=topPosition-1
document.all("display").style.clip="rect(" + (startPosition + 1) + " 100 " + (startPosition + endPosition) + " 0)"
document.all("display").style.top=topPosition
interval=setTimeout("scrollit()",speed)
}
else
{
startPosition=0
topPosition=100
endPosition=100
interval=setTimeout("scrollit()",speed)
}
}

function stopinterval()
{
clearTimeout(interval)
}
</script>
<script type="text/javascript">
txtsize=100
maxsize=0

function writemsg()
{
if (txtsize>maxsize)
{
display.style.fontSize=txtsize
txtsize--
timer=setTimeout("writemsg()",50)
}
}

function stoptimer()
{
clearTimeout(timer)
}
</script>
</head>
<body onload="writemsg(); scrollit()" onunload="stoptimer()">
<center><span id="display" style="color: #ffff00">A long long time ago, in a galaxy far far away...
<p>
<p>
Episode XXVII.
<br>
Darth Rabit Strkies Again:
<p>
Blah blah blah blah blah</span></center>
</body>
</html>


it has the get smaller effect, but i couldnt get it to become 3d so it looks as if its going upward and away

hope you like it though