tekst laten knipperen

Vragen/antwoorden betreffende het maken van je eigen website.

freddy55
Lid geworden op: 15 jun 2007, 22:31

10 dec 2015, 19:05

hallo,
ik heb een vraag om tekst te laten knipperen op mijn website
deze code heb ik ergens gevonden hier op het seniorennet maar ik zou de tekst in een ander kleur dan zwart willen hebben ook een ander lettertype en grotere letters maar ik weet niet waartussen het moet komen, en weet ook niet kleur en zo moet maken kan mij iemand helpen en tonen via de onderstaande code waar ik het moet plaatsen en hoe ik dan alles kan veranderen.Alvast bedankt
vriendelijke groeten
Freddy


<script type="text/javascript">
<!--
snelheid=500;
knipper=document.all.tags("blink");
wijzig=1;
bringBackBlinky();

function bringBackBlinky()
{
if (wijzig == 1) {
toon="visible";
wijzig=0;
}
else {
toon="hidden";
wijzig=1;
}

for(i=0;i<knipper.length;i++) {
knipper[i].style.visibility=toon;
}

setTimeout("bringBackBlinky()", snelheid);
}
-->
</script>

coderunner
Lid geworden op: 27 mar 2006, 04:35
Locatie: Aubauke - Aentwaerepe

10 dec 2015, 19:52

Beste freddy55,

Kijk in je mailbox :wink:

mvg,
Coderunner
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.

coderunner
Lid geworden op: 27 mar 2006, 04:35
Locatie: Aubauke - Aentwaerepe

11 dec 2015, 19:18

Voor zij die het ook nodig zouden hebben want bovenstaand javascript werkt niet meer in alle hedendaagse browsers.

Code: Selecteer alles

<!DOCTYPE html>
<html>
 
    <head>
       <!-- hieronder plaats je het lettertype, grootte en kleur-->
        <style>
            .knipper { font: 24px arial; color: blue; }
        </style>
    </head>
 
<body>
 
Deze tekst is normaal <span id="blink" class="knipper">Dit is 24px groot, blauw en knippert!</span> Dit is weer normaal.
 
<!-- Blinking script - Plaats dit script achter de knipperende tekst-->
<script type="text/javascript">
<!--
var blink_line = document.getElementById("blink");
 
function d_block(){
    if(blink_line.style.visibility=='hidden')
    {
        blink_line.style.visibility='visible';
    }
    else{
        blink_line.style.visibility='hidden';
    }
}
setInterval(function(){d_block();}, 1000);
-->
</script>
 
</body>
</html>
mvg,
Coderunner
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.

freddy55
Lid geworden op: 15 jun 2007, 22:31

11 dec 2015, 21:55

beste coderunner
bedankt voor de hulp het werk perfect , just nog een vraag als ik er een tekst aan toevoeg en ik maak er een spatie tussen staat de tekst boven elkaar kan daar iets aan gedaan worden
Met vriendelijke groeten
Freddy

freddy55
Lid geworden op: 15 jun 2007, 22:31

11 dec 2015, 22:03

beste coderunner
bedankt voor de hulp het werk perfect , just nog een vraag als ik er een tekst aan toevoeg en ik maak er een spatie tussen staat de tekst boven elkaar kan daar iets aan gedaan worden
Met vriendelijke groeten
Freddy

coderunner
Lid geworden op: 27 mar 2006, 04:35
Locatie: Aubauke - Aentwaerepe

11 dec 2015, 23:05

Beste freddy55,

Probeer eens met in de style volgende rode code bij te plaatsen.
<style>
.knipper { font: 40px georgia; color: #c7a0ff; white-space: nowrap; }
</style>
rode code: alles achter elkaar!

mvg,
Coderunner
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.