« »

$The Ultimate Knight Rider\'s running light$ Miss the 80's? Decorate your site with this fanciful script that emulates Kitt's running lights from Knight Rider.

Label: The Ultimate Knight Rider's running light

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Code
CSS
JavaScript
HTML
Print

Copy All x2

<STYLE>.pici_1 {
	BORDER-RIGHT: #333333 2px solid; BORDER-TOP: #333333 2px solid; BORDER-LEFT: #333333 2px solid; BORDER-BOTTOM: #333333 2px solid; BACKGROUND-COLOR: black
}
.pici_2 {
	BORDER-RIGHT: #480000 2px solid; BORDER-TOP: #480000 2px solid; BORDER-LEFT: #480000 2px solid; BORDER-BOTTOM: #480000 2px solid; BACKGROUND-COLOR: #4f0000
}
.pici_3 {
	BORDER-RIGHT: #770000 2px solid; BORDER-TOP: #770000 2px solid; BORDER-LEFT: #770000 2px solid; BORDER-BOTTOM: #770000 2px solid; BACKGROUND-COLOR: #8c0000
}
.pici_4 {
	BORDER-RIGHT: #b00000 2px solid; BORDER-TOP: #b00000 2px solid; BORDER-LEFT: #b00000 2px solid; BORDER-BOTTOM: #b00000 2px solid; BACKGROUND-COLOR: #bb0000
}
.pici_5 {
	BORDER-RIGHT: #d90000 2px solid; BORDER-TOP: #d90000 2px solid; BORDER-LEFT: #d90000 2px solid; BORDER-BOTTOM: #d90000 2px solid; BACKGROUND-COLOR: #ec0000
}
</STYLE>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<script language="javascript">
/*
     This script downloaded from www.JavaScriptBank.com
     Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
*/
  
  // The Main Options start
  
  var sebesseg = 80;
  // The running light speed (a futÃ³fÃ©ny sebessÃ©ge)
  var rublikszama = 10;
  // The numbers of 'lamps' in running light. (a 'lÃ¡mpÃ¡k szÃ¡ma')
  var melyseguk = 100;
  // The height of lamps... (a lÃ¡mpÃ¡k mÃ©lysÃ©ge)
  
  // Main Options End
  
  // Dont modify under this line
 function torol()
{
for (var i = 1; i<=rublikszama; i++){
document.getElementById("MetaMorfozisDotHu_"+i).className = "pici_1";
}
} 
   function szinez(mettol,pluszbavagyminuszba)
{
torol();
if (pluszbavagyminuszba=="pluszba")
{
if(document.getElementById("MetaMorfozisDotHu_"+mettol)){document.getElementById("MetaMorfozisDotHu_"+mettol).className = "pici_1";}
var mettol = mettol+1;
if(document.getElementById("MetaMorfozisDotHu_"+mettol)){document.getElementById("MetaMorfozisDotHu_"+mettol).className = "pici_2";}
var mettol = mettol+1;
if(document.getElementById("MetaMorfozisDotHu_"+mettol)){document.getElementById("MetaMorfozisDotHu_"+mettol).className = "pici_3";}
var mettol = mettol+1;
if(document.getElementById("MetaMorfozisDotHu_"+mettol)){document.getElementById("MetaMorfozisDotHu_"+mettol).className = "pici_4";}
var mettol = mettol+1;
if(document.getElementById("MetaMorfozisDotHu_"+mettol)){document.getElementById("MetaMorfozisDotHu_"+mettol).className = "pici_5";}
}
if (pluszbavagyminuszba=="minuszba")
{
if(document.getElementById("MetaMorfozisDotHu_"+mettol)){document.getElementById("MetaMorfozisDotHu_"+mettol).className = "pici_1";}
var mettol = mettol-1;
if(document.getElementById("MetaMorfozisDotHu_"+mettol)){document.getElementById("MetaMorfozisDotHu_"+mettol).className = "pici_2";}
var mettol = mettol-1;
if(document.getElementById("MetaMorfozisDotHu_"+mettol)){document.getElementById("MetaMorfozisDotHu_"+mettol).className = "pici_3";}
var mettol = mettol-1;
if(document.getElementById("MetaMorfozisDotHu_"+mettol)){document.getElementById("MetaMorfozisDotHu_"+mettol).className = "pici_4";}
var mettol = mettol-1;
if(document.getElementById("MetaMorfozisDotHu_"+mettol)){document.getElementById("MetaMorfozisDotHu_"+mettol).className = "pici_5";}
} 
}
 function start(honnan) {
	
if(honnan<=rublikszama+4) {
szinez(honnan,'pluszba');
honnan = honnan+1;
setTimeout("start("+honnan+");",sebesseg);

} else {
bekk(honnan);
}
  }
  
    function bekk(honnan)
{
if(honnan>=-3) {
szinez(honnan,'minuszba');
honnan = honnan-1;
setTimeout("bekk("+honnan+");",sebesseg);


} else {
start(honnan);
}
  /* 
  created By MetaMorfozis
  web: http://metamorfozis.hu
  email: metamorfozis@metamorfozis.hu
  */
  }
 function printkit()
{
document.write('<table align="center" width="100%" cellspacing="2" cellpadding="0" border="0"><tr>');
for(var i = 1; i<=rublikszama; i++) {
document.write('<td height="'+melyseguk+'" id="MetaMorfozisDotHu_'+i+'" class="pici_1">&nbsp;</td>');
}
document.write('</tr></table>');
 }
  </SCRIPT>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<SCRIPT>
// This is the position of the running light, dont modify this. MOVE ONLY.
// One page only 1 runninglight working. Don't duplicate this.
printkit();
start(-3);
</SCRIPT>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->