<html>
<head>
<script type="text/javascript">
<!--
var Blinker = window.setInterval("Blinken()", 250);
function Blinken()
{
if(document.getElementsByTagName("div")[0].style.display == "none")
{
document.getElementsByTagName("div")[0].style.display = "block";
document.getElementsByTagName("div")[1].style.display = "none";
}
else
{
document.getElementsByTagName("div")[0].style.display = "none";
document.getElementsByTagName("div")[1].style.display = "block";
}
}
//-->
</script>
<style type="text/css">
<!--
#rot {
background-color: red;
height: 15px;
width: 15px;
position: absolute;
top: 10px;
display: block;
}
#gruen {
background-color: lime;
height: 15px;
width: 15px;
position: absolute;
top: 35px;
display: none;
}
-->
</style>
<title>Blinkende Punkte mit Javascript und CSS</title>
</head>
<body>
<div id="rot"></div>
<div id="gruen"></div>
</body>
</html>
|