Click to See Complete Forum and Search --> : FBI Scrolling Text
mattneed
02-07-2008, 10:56 AM
does someone know how to make text that will look something like this?
> Welcome to the site
blinking
Kind of like on the military/FBI Movies you see where the carrot blinks while the rest of the message shows one letter at a time please help me out with this workin on a school project and i really need it thanks
cgishack
02-07-2008, 11:34 AM
You just want blinking text ?
Mozilla supports it in CSS , but not IE
{ text-decoration: blink; }
Just make an animated gif if you want images (carrots) blinking.
Drew
cgishack
02-07-2008, 11:35 AM
Maybe you can use an HTML Marquee (http://www.quackit.com/html/codes/html_marquee_code.cfm) to do the additional text effect.
But in the end i would use an animated .gif
mattneed
02-07-2008, 11:44 AM
lol no i know how to do the blinking part... thats easy.. I need the part where the letters show one at a time and scroll across the screen
so it should do something like this
> ... h(wait1)e(wait1)l(wait1)l(wait1)o
the carrot blinks the whole time
cgishack
02-07-2008, 11:51 AM
animated gif is your best bet then.
I would not waste time scripting that.
Plus you could add much richer text effects with an image.
Here's (http://www.yaldex.com/FSScrolls/TypingTextarea.htm) one. With a bit of CSS styling, you could eliminate the textbox look.
With a bit of modification, you could probably use this (http://javascript.internet.com/text-effects/type-text.html).
Leonsbuddydave
02-07-2008, 05:10 PM
Ironically, I used something like this for a site I half-canceled a while back. This was the entrance page; you should be able to figure out which parts are which. It does type inside a textbox, though.
<body style="background-image:url(http://s241.photobucket.com/albums/ff129/LeonsBuddyDave/th_background.jpg)">
<font face="impact" size="5" color="orangered">
<script type="text/javascript" language="Javascript">
setTimeout("timewarp(0)", 1 * 3000);
function timewarp(dot){
if (dot > 1){
warp();
}
var dots = new Array(".", ". .", ". . .")
document.getElementById("content").innerHTML = "<b><font face=impact color=orangered><h1>File Status: Active-Please Wait" + dots[dot] + "</h1></b>";
dot = dot + 1;
setTimeout("timewarp(" + dot + ")", 1 * 1000);
}
function warp(){
window.location="home.html";
}
</script>
<script language="JavaScript">
<!-- begin
var max=0;
function textlist() {
max=textlist.arguments.length;
for (i=0; i<max; i++) this[i]=textlist.arguments[i];
}
tl=new textlist("Accessing File #24981149RC");
var x=0; pos=0;
var l=tl[0].length;
function textticker() {
document.tickform.tickfield.value=tl[x].substring(0,pos)+"_";
if(pos++==l) {
pos=0;
setTimeout("textticker()",1000);
x++;
if(x==max)
x=0;
l=tl[x].length;
}
else
setTimeout("textticker()",50);
}
// end -->
</script>
<style type=text/css>
#content {
width: 500px;
padding: 5px;
border: solid 8px orangered;
background: black;
}
input {
border: solid 1px orangered;
font-family: impact;
color: orangered;
background: black;
}
</style>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<center>
<div id=content><script LANGUAGE="JavaScript">
<!--
document.write("<FORM NAME=\"tickform\">");
document.write("<INPUT TYPE=\"TEXT\"color=\"orangered\" NAME=\"tickfield\" SIZE=\"30\">");
document.write("</FORM>");
textticker();
//-->
</script> </div>
</center>
If this is what you want and you cant figure out how to edit it down, just let me know and I'll trim it down. Also note that to change the character that is before the text(currently an underscore) just change document.tickform.tickfield.value=tl[x].substring(0,pos)+"_";.