Eigen website

tekst laten knipperen

Gestart door freddy55 op 10 dec 2015, 19:05 6 berichten 4.086 keer gelezen
freddy55 Startte dit onderwerp 10 dec 2015, 19:05 28 berichten
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 10 dec 2015, 19:52 Aubauke - Aentwaerepe 1.828 berichten
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 11 dec 2015, 19:18 Aubauke - Aentwaerepe 1.828 berichten
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 Startte dit onderwerp 11 dec 2015, 21:55 28 berichten
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 Startte dit onderwerp 11 dec 2015, 22:03 28 berichten
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 11 dec 2015, 23:05 Aubauke - Aentwaerepe 1.828 berichten
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.