Back To TOP

Browse: > > Moving Light Text

Moving Light Text

1. Choose a Page Element.
2. Add Gadgets.
3. Choose HTML / JavaScript.
4. Copy the code below and paste the widget box
Code:
<script language="javascript" type="text/javascript">
var yourtext="Letakkan Text Disini!";
var messLength=yourtext.length;
var initcolor="yellow";
var yourcolor="green";
var speed=100;
var i;
var j=0;
document.write("<h1><font color='"+initcolor+"'>");
for (i=0;i<messLength;i++){
document.write("<span id='yourid"+i+"'>"+yourtext.charAt(i)+"</span>"); }document.write("</font></h1>");
function colorit(){var idd="yourid"+j;
if (j<messLength){
document.getElementById(idd).style.color=yourcolor;j++}
else {j=0;
for (i=0;i<messLength;i++){
var newidd="yourid"+i;
document.getElementById(newidd).style.color=initcolor; } } }
function doit(){timer=setInterval("colorit()",speed)}
window.onload=doit;
</script>
Note:
* Replace red text
* Replace the text to match the color green
* Change figures (light blue) to speed setting
5. Save

Related Posts