Untitled

<DOCTYPE html>
<html lang="pl">
<head>
<meta charset="utf-8">
<head>
<script type="text/javascript">
function div2Click()
{
alert('Druga warstwa została kliknięta.');
}
function div1Click()
{
var div2 = document.getElementById('div2');
div2.onclick = div2Click;
alert('Druga warstwa będzie reagaowała na kliknięcia.');
}
</script>
</head>
<body>
<div id="div1"
style="background-color:#e0e0e0;
width:200px;
height:20px;
text-align:center;"
onclick="div1Click();"
>
To jest pierwsza wartstwa.
</div>
<div id="div2"
style="background-color:#d0d0d0;
width:200px;
height:20px;
text-align:center;"
>
To jest druga wartstwa.
</div>
</body>
</html>


15
<html>
<head>
<style type="text/css">
#napis
{
position:absolute;
background-color:yellow;
width:210px;
float:left;
}
</style>
<script type="text/javascript">
function Animacja()
{
var blok = document.getElementById('napis');
if (parseInt(blok.style.left) < 50)
{
blok.style.left = "300px" ;
}
else
{
blok.style.left = (parseInt(blok.style.left) - 3)+"px";
}
}
window.setInterval("Animacja()", 100);
</script>
</head>
<body>
<div id="napis" style="left: 300px;">JavaScript - jezyk skryptowy
JavaScript - jezyk skryptowy
JavaScript - jezyk skryptowy
</div>
</body>
</html>


16
<html>
<head>
<style type="text/css">
#baner
{
width:300px;
height:180px;
}
</style>
<body>
<div>
<p><img src="z1.jpg" id="baner" alt="ssss" onClick="setTimeout(Zmiana,2000);"/></p>

<script type="text/javascript">
window.onClick = Zmiana;
var Nr = 0;
function Zmiana()
{
var obrazy = new Array('z1.png', 'z2.jpg', 'z3.jpg', 'z4.jpg', 'z5.jpg', 'z6.jpg');
Nr ++;
if (Nr == obrazy.length)
{
Nr = 0;
}
document.getElementById('baner').src = obrazy[Nr];

}
</script>
</div>
</body>
</head>
</html>