Blinkender Rahmen um Text
Verfasst: Fr 22. Mai 2020, 16:01
Hier ein Script für einen blinkenden Rahmen um einen Text.
Hier die Css-Anweisungen:
In den Body-Tag:
Hier das Script:
Zuletzt der Aufruf:
hPage-Nutzer mit Designvorlage fügen dieses im alten Editor im HTML-Modus auf ihre Seite ein:
Hier die Demoseite: https://hapes-javascript-demo-page.hpag ... ahmen.html
Hier die Css-Anweisungen:
Code: Alles auswählen
<style type="text/css">
.border0 {border: 3px solid red;}
.border1 {border: 3px solid silver;}
</style>
Code: Alles auswählen
<body onload="borderchange1();">
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>
Code: Alles auswählen
<div id="addtocart">Hier könnte ihr Text stehen</div>
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önnte ihr Text stehen</div>