Blinkender Rahmen um Text

Beitrag von **Hape** » Fr 22. Mai 2020, 16:01

Hier ein Script für einen blinkenden Rahmen um einen Text.

Hier die Css-Anweisungen:

<style type="text/css">
.border0 {border: 3px solid red;}
.border1 {border: 3px solid silver;}
</style>

In den Body-Tag:

Code: Alles auswählen

<body onload="borderchange1();">

Hier das Script:

Code: Alles auswählen

<script type="text/javascript">

function borderchange1() {
document.getElementById("addtocart").className="border1";
setTimeout("borderchange2()",1000);
}

function borderchange2() {
document.getElementById("addtocart").className="border0";
setTimeout("borderchange1()",1000);
}
</script>

Zuletzt der Aufruf:

Code: Alles auswählen

<div id="addtocart">Hier k&ouml;nnte ihr Text stehen</div>

hPage-Nutzer mit Designvorlage fügen dieses im alten Editor im HTML-Modus auf ihre Seite ein:

Code: Alles auswählen

<body onload="borderchange1();">   
<style type="text/css">
.border0 {border: 3px solid red;}
.border1 {border: 3px solid silver;}
</style>
<script type="text/javascript">

function borderchange1() {
document.getElementById("addtocart").className="border1";
setTimeout("borderchange2()",1000);
}

function borderchange2() {
document.getElementById("addtocart").className="border0";
setTimeout("borderchange1()",1000);
}
</script>
<div id="addtocart">Hier k&ouml;nnte ihr Text stehen</div>

Hier die Demoseite: https://hapes-javascript-demo-page.hpag ... ahmen.html