[php]
[...]
<body bgcolor="#3B424C">
<center>
<script language="JavaScript" type="text/javascript">
<!--
function aktyw(ide)
{
ide.style.background = '#84C1FF'
ide.childNodes[0].style.color= '#eeeeff'
}
function pasyw(ide)
{
ide.style.background = '#eeeeff'
ide.childNodes[0].style.color= '#84C1FF'
}
function przesun(x)
{
document.getElementById('roleta').style.left = x
}
function ukryj()
{
document.getElementById('roleta').style.visibility = 'hidden'
}
function pokaz()
{
document.getElementById('roleta').style.visibility = 'visible'
}
linki = new Array()
linki[0] = new Array()
linki[0][0] = '<a href="druzyna.phpl">Drużyna<\/a>'
linki[0][1] = '<a href="harcerze.php">Harcerze<\/a>'
linki[0][2] = '<a href="przyjaciele.php">Przyjaciele<\/a>'
linki[1] = new Array()
linki[1][0] = '<a href="historia.php">Historia<\/a>'
linki[1][1] = '<a href="galeria.php">Galeria<\/a>'
linki[2] = new Array()
linki[2][0] = '<a href="nowosci.php"">Nowości<\/a>'
linki[2][1] = '<a href="http://radommiasto.zhp.pl/czuwaj/index.php?format=feed&type=rss">RSS Hufca<\/a>'
linki[2][2] = '<a href="http://zhp.pl/rss/zhp.pl/0001,0011.xml">RSS ZHP<\/a>'
function zmienTekst(a)
{
tabela = '<table border="0" width="120" cellspacing="4" style="position : absolute;">'
for(i=0; i<linki[a].length;i++)
tabela += '<tr><td style="border:1px solid #84C1FF; font-size : 14px;" bgcolor="#eeeeff" onmouseover="aktyw(this)" onmouseout="pasyw(this)"><center>'+linki[a][i]+'</center><\/td><\/tr>'
tabela += '<\/table>'
document.getElementById('roleta').innerHTML = tabela
}
var walk;
//-->
</script>
<div class="top"></div>
<table cellspacing="0" cellpading="0" width="979"><tr>
<td class="podmenu"><p class="linki"><a href="#">Start </a></p></td>
<td class="podmenu1"><p class="linki"><a href="#" onmouseover="clearTimeout(walk),przesun(263),zmienTekst(0),pokaz()" onmouseout="walk=setTimeout('ukryj()',500)">O nas</a></p></td>
<td class="podmenu1"><p class="linki"><a href="#" onmouseover="clearTimeout(walk),przesun(392),zmienTekst(1),pokaz()" onmouseout="walk=setTimeout('ukryj()',500)">Było</a></p></td>
<td class="podmenu1"><p class="linki"><a href="#" onmouseover="clearTimeout(walk),przesun(520),zmienTekst(2),pokaz()" onmouseout="walk=setTimeout('ukryj()',500)">Jest</a></p></td>
<td class="podmenu1"><p class="linki"><a href="#">Będzie</a></p></td>
<td class="podmenu1"><p class="linki"><a href="#">Forum</a></p></td>
<td class="podmenu2"><p class="linki1">Wydarzenia</p></td>
</tr></table>
<div id="rel">
<div id="roleta" onmouseover="clearTimeout(walk),pokaz()" onmouseout="ukryj()">
</div>
<table cellspacing="0" cellpading="0" bgcolor="#FFFFFF" width="979"
height="361">
<tr>
<td>
<p class="naglowek">Witamy na stronie głównej 124 Radomskiej Drużyny Wodnej
!</p>
<p class="data">Sobota, 6 Luty, 2009r</p>
<p class="tekst">
<?php include "include/srodek.php"; ?></p>
<p class="tekst">
<?php include "include/srodek_2.php"; ?></p>
[...]
[/php]
to jest zrodlo ze strony a css to :
- Kod: Zaznacz wszystko
#roleta{position: absolute;
top: 0px;
left: 0px;
width: 180px;
visibility: hidden;
}
#rel{position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
visibility: visible;
}
[..]