PDA

View Full Version : Font Size "neon lights text"



Charlz
05-25-2007, 12:45 PM
1) Script Title: neon lights text

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex10/neontext.htm

3) Describe problem:
Hi everybody.
I'm new here... using the "neon lights text" tool.
However I want to change the font size. I tried "just to copy some html" from a site, but that doesn't work... any idea's anyone.
Thanks in advance!
Charlz

skripter
05-25-2007, 03:05 PM
Just add the folowing modifications to the original script. I have highlighted the changes to be added in red:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>[No title]</TITLE>
<META NAME="Generator" CONTENT="Stone's WebWriter 3">
</HEAD>
<BODY>

<h2>
<script language="JavaScript1.2">

/*
Neon Lights Text
By JavaScript Kit (http://javascriptkit.com)
For this script, TOS, and 100s more DHTML scripts,
Visit http://www.dynamicdrive.com
*/

var message="Welcome to Dynamic Drive!"
var neonbasecolor="red"
var neontextcolor="blue"
var flashspeed=100 //in milliseconds
var w=50//Change font size
///No need to edit below this line/////

var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)

function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
//eval("document.all.neonlight"+m).style.color=neonbasecolor
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor
crossref(n).style.fontSize=w//add this line as well to change font size

if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()


</script>
</h2>

</BODY>
</HTML>