hoe van kleur veranderen.

Status
Niet open voor verdere reacties.
P

proesmans

Gebruiker
Lid geworden
1 mei 2005
Berichten
147
Hoi, ik heb zo op een javascript website, een scriptje gevonden zodat De letters vanuit het niets komen binnenvliegen....

maar hoe kan ik die letters nu veranderen van kleur en de grootte ervan aanpassen. Weet iemand hoe je dat er aan toevoegt in deze code??

bedankt
PHP: 
<center>
<h2><span id="fly"></span></h2>

<script>
window.onerror=new Function("return true")


message = "Welkom bij Leejoo's Javascripts....!"
distance = 50 // pixel(s)
speed = 100 // milliseconds

if (!document.all)
document.write('<h2>'+message+'</h2>')

</script>

<script language="JavaScript1.2">

txt="";num=0;num4=0;flyofle="";flyofwi="";flyofto=""
function stfly(){for(i=0;i != message.length;i++){if(message.charAt(i) != "$"){txt=txt+"<span style='position:relative;visibility:hidden;' id='n"+i+"'>"+message.charAt(i)+"<\/span>"};else{txt=txt+"<br>"}};fly.innerHTML=txt;txt="";flyofle=fly.offsetLeft;flyofwi=fly.offsetWidth;flyofto=fly.offsetTop;fly2b()}
function fly2b(){if(num4 != message.length){if(message.charAt(num4) != "$"){eval("n"+num4+".style.left=flyofle-n"+num4+".offsetLeft+flyofwi/2");eval("n"+num4+".style.top=flyofto-n"+num4+".offsetTop+distance");eval("fly3('n"+num4+"',eval(n"+num4+".style.left.substring(0,n"+num4+".style.left.length-2)),(eval(n"+num4+".style.left.substring(0,n"+num4+".style.left.length-2))/5),eval(n"+num4+".style.top.substring(0,n"+num4+".style.top.length-2)),(eval(n"+num4+".style.top.substring(0,n"+num4+".style.top.length-2))/5))")};num4++;setTimeout("fly2b()",speed)}}
function fly3(target,lef2,num2,top2,num3){if((Math.floor(top2) != 0 && Math.floor(top2) != -1) || (Math.floor(lef2) != 0 && Math.floor(lef2) != -1)){if(eval("'"+lef2+"'").charAt(0) != '-'){lef2=lef2-num2};else{lef2=lef2+(-num2)};if(Math.floor(lef2) != -1){eval(target+".style.visibility='visible';"+target+".style.left=Math.floor(lef2)")};else{eval(target+".style.visibility='visible';"+target+".style.left=Math.floor(lef2+1)")};if(eval("'"+lef2+"'").charAt(0) != '-'){top2=top2-num3};else{top2=top2+(-num3)};if(Math.floor(top2) != -1){eval(target+".style.top=Math.floor(top2)")};else{eval(target+".style.top=Math.floor(top2+1)")};setTimeout("fly3('"+target+"',"+lef2+","+num2+","+top2+","+num3+")",50)}};

stfly()

</script>
 
Laatst bewerkt door een moderator:
Javascript is geen moeilijke taal. Eens onder de knie zal je het gemakkelijker vinden om zelf je scriptjes te schrijven dan ze van anderen over te nemen en dan nog proberen aan te passen.
 
Nou, je script is door het plaatsen een beetje geflipt geworden.
Dus ik heb een origineel opgehaald.
Hieronder de code:
PHP: 
<!doctype html public "-//w3c//dtd html 3.2//en">

<html>

<head>
<title>Vliegende tekst</title>
<!--This page created on Tuesday, September 05, 2006 -->

<meta name="GENERATOR" content="Arachnophilia 4.0">
<meta name="FORMATTER" content="Arachnophilia 4.0">

<META name="description" content="starting with arachnophilia the html editor">
<META name="keywords" content="arachno, html, updat, email, content, starting, homepage">
<meta name="Author" content="Peter Vazed">
<META name="robots" content="index, follow">
<META name="revisit" content="7 days">
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
<STYLE TYPE="text/css">
<!--
A:link      { text-decoration: none; color: #0000a0;  }
A:visited   { text-decoration: none; color: #990000; }
A:active    { text-decoration: none; color: #0000FF; }
A:hover     { text-decoration: underline; color: #FF0000; }
p { padding:10px; }
.klgrs {background-color: #b1b1b1;padding: 4px 6px 4px 6px;}
.klgl {background-color: #eaebb8; padding: 1px 1px 1px 1px;}
.kl {font-family: verdana, tahoma, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal;color:#80808a;}
.tomat {font-family: verdana, tahoma, Arial, Helvetica, "sans-serif"; font-size: 36px; font-weight: bold;color:#b0224d;}
.prijs
{font-family: verdana, tahoma, Arial, Helvetica;
 font-size: 12px;
 font-style: normal;
color:#000000;
}
.info 
{border-width:2px;
border-style:dotted;
border-color:#808080;
background-color: #f2f2f2;
font-family:verdana, tahoma, arial, "ms sans serif";
font-size:10px;padding: 10px 10px 10px 10px;}
BODY {     scrollbar-3d-light-color:#FFFFFF;
           scrollbar-arrow-color:#93b7b4;
           scrollbar-base-color:#0000a0;
           scrollbar-dark-shadow-color:#000040;
           scrollbar-face-color:#808080;
           scrollbar-highlight-color:#c3c3c3;
           scrollbar-shadow-color:#cec553;
background-color: #9797ff;
padding:0;
margin:0;
}
-->
</STYLE>

</HEAD>
<body >
<a name="link"></a>
<br>
<div class="info" align="center">Indien er geen kleuren in een javascript zitten, dien je dit anders weer te geven.<br>
<br>
In dit geval heb je tekst, welke via de ID wordt aangeroepen en het script wordt dus hier -door de ID- uitgevoerd.<br>
<br>
Nu kun je bij dit ID een class toevoegen, deze staat dus in de style aangegeven.<br>
<br>
Aanpassen in de style, de gebruikte class heet tomat:<p>

 <span class="klgl">font-size: 36px;  </span><br><br>

 <span class="kl">font-weight: bold; </span><br><br>
 <span class="klgrs">color:#b0224d; </span><br><br>
en klaar ben je.
</div>
<center><h2 id="fly" class="tomat">Thanks for visiting$Dynamic Drive!$Groeten van Peter Vazed</h2>
<h2>



<script language="JavaScript1.2">

//Flying Letters script- by Matthias (info@freejavascripts.f2s.com)
// Modified by Twey for efficiency and compatibility
//For this script and more, visit http://www.dynamicdrive.com

//Configure message to display. Use "$" for linebreak
message = document.getElementById("fly").innerHTML; // $ = taking a new line
distance = 50; // pixel(s)
speed = 200; // milliseconds

var txt="",
	num=0,
	num4=0,
	flyofle="",
	flyofwi="",
	flyofto="",
	fly=document.getElementById("fly");


function stfly() {
	for(i=0;i != message.length;i++) {
		if(message.charAt(i) != "$")
			txt += "<span style='position:relative;visibility:hidden;' id='n"+i+"'>"+message.charAt(i)+"<\/span>";
		else
			txt += "<br>";
	}
	fly.innerHTML = txt;
	txt = "";
	flyofle = fly.offsetLeft;
	flyofwi = fly.offsetWidth;
	flyofto = fly.offsetTop;
	fly2b();
}

function fly2b() {
	if(num4 != message.length) {
		if(message.charAt(num4) != "$") {
			var then = document.getElementById("n" + num4);
			then.style.left = flyofle - then.offsetLeft + flyofwi / 2;
			then.style.top = flyofto - then.offsetTop + distance;
			fly3(then.id, parseInt(then.style.left), parseInt(then.style.left) / 5, parseInt(then.style.top), parseInt(then.style.top) / 5);
		}
		num4++;
		setTimeout("fly2b()", speed);
	}
}

function fly3(target,lef2,num2,top2,num3) {
	if((Math.floor(top2) != 0 && Math.floor(top2) != -1) || (Math.floor(lef2) != 0 && Math.floor(lef2) != -1)) {
		if(lef2 >= 0)
			lef2 -= num2;
		else
			lef2 += num2 * -1;
		if(Math.floor(lef2) != -1) {
			document.getElementById(target).style.visibility = "visible";
			document.getElementById(target).style.left = Math.floor(lef2);
		} else {
			document.getElementById(target).style.visibility = "visible";
			document.getElementById(target).style.left = Math.floor(lef2 + 1);
		}
		if(lef2 >= 0)
			top2 -= num3
		else
			top2 += num3 * -1;
		if(Math.floor(top2) != -1)
			document.getElementById(target).style.top = Math.floor(top2);
		else
			document.getElementById(target).style.top = Math.floor(top2 + 1);
		setTimeout("fly3('"+target+"',"+lef2+","+num2+","+top2+","+num3+")",50)
	}
}

stfly()

</script>
<br>
 <center><a href="#link"> naar boven </a>
</center>
<br>
<br>

</body>

</html>

Kopieer alle code, open je editor en save as html file.

:cool:
 
wow peter, daar heb je precies wel wat tijd ingestoken, maar het lukt nu, bedankt!
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan