Plik zapisz pod nazwą index.php
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>Motyle</title>
</head>
<body style="background: #ffffff url(tlo1.png) repeat-x scroll top left;">
<div style="position: absolute; top: 0px; left: 0px; width:800px; height: 800px; background-image: url(tlo.png);">
<div style="position: absolute; top: 300px; left: 40px; width:120px; height: 45px;">
<a href="index.php?o=1">
<img src="p1.png" onmouseover="this.src = 'p2.png'" onmouseout="this.src ='p1.png'" onmousedown="this.src='p3.png'" onmouseup="this.src='p2.png'"/>
</a>
</div>
<div style="position: absolute; top: 360px; left: 40px; width:120px; height: 45px;">
<a href="index.php?o=2">
<img src="a1.png" onmouseover="this.src = 'a2.png'" onmouseout="this.src ='a1.png'" onmousedown="this.src='a3.png'" onmouseup="this.src='a2.png'"/>
</a>
</div>
<div style="position: absolute; top: 420px; left: 40px; width:120px; height: 45px;">
<a href="index.php?o=3">
<img src="b1.png" onmouseover="this.src = 'b2.png'" onmouseout="this.src ='b1.png'" onmousedown="this.src='b3.png'" onmouseup="this.src='b2.png'"/>
</a>
</div>
<div style="position: absolute; top: 480px; left: 40px; width:120px; height: 45px;">
<a href="index.php?o=4">
<img src="c1.png" onmouseover="this.src = 'c2.png'" onmouseout="this.src ='c1.png'" onmousedown="this.src='c3.png'" onmouseup="this.src='c2.png'"/>
</a>
</div>
<div style="position: absolute; top: 200px; left: 200px; width:600px; height: 500px; background: pink; z-index: -1;">
<?PHP
switch ($_GET["o"])
{
case 1:
include "art1.txt";
break;
case 2:
include "art2.txt";
break;
case 3:
include "art3.txt";
break;
case 4:
include "art4.txt";
break;
default:
include "art1.txt";
break;
}
?>
</div>
</div>
</body>
</html>
Comments