Color light text 3 posts

OP Thu Aug 02, 2012 4:09 pm
User avatar
  • Gender: Male
  • Posts: 81
  • Joined: Jun, 2012
  • Karma: 10
this script applies to bring up color light on the text . for example , just go to my dummy account page in HERE

to get light text on your page , just replace this script on your page

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

///can edit below this line/////

var message="Thank you for visiting my page!"   // change the word with you want
var neonbasecolor="gray"                                    // basic color text
var neontextcolor="#6F2ED9"                           // light color 1
var neontextcolor2="#F25F5F"                            // light color 2
var flashspeed=100                  // speed of flashing in milliseconds
var flashingletters=3                  // number of letters flashing in neontextcolor
var flashingletters2=1                  // number of letters flashing in neontextcolor2 (0 to disable)
var flashpause=0                  // the pause between flash-cycles in milliseconds

///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++)
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor


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

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


</script></h2></center>


look in the first code after ///can edit below this line///// , if you want to editing the word , color , speed and etc


Live preview: https://codepen.io/Andronomos/pen/qxbKXV
Fri Feb 02, 2018 10:42 pm
User avatar
?
Lower Family Member
  • Posts: 178
  • Joined: Apr, 2017
  • Advertisements: 31
  • Karma: 48
And this is good for what?
Fri Feb 02, 2018 10:47 pm
User avatar
Administrator
Legendary Family Member
  • Gender: Male
  • Posts: 6284
  • Joined: Jun, 2010
  • Advertisements: 45
  • Karma: 368
smykey wrote:
And this is good for what?


It makes some text that has a colored shine effect. You can see the code live here: https://codepen.io/Andronomos/pen/qxbKXV

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign in

Already have an account? Sign in here

SIGN IN NOW

Create an account

Sign up for a new account in our community. It's easy!

REGISTER A NEW ACCOUNT