eu fiz diferente... coloquei a imagem com todas as estrelas de fundo, e imagens transparentes por cima... agora só falta fazer o javascript pra...
quando colocar o mouse na 1ª estrela, mudar a img transparente pra img da estrela piscando, e as da frente ficar em preto e branco
quando colocar o mouse na 2ª estrela, mudar a img transparente pra img da estrela piscando, as de antes também e as da frente ficar em preto e branco
quando colocar o mouse na 3ª estrela, mudar a img transparente pra img da estrela piscando, as de antes também e as da frente ficar em preto e branco
quando colocar o mouse na 4ª estrela, mudar a img transparente pra img da estrela piscando, as de antes também e as da frente ficar em preto e branco
quando colocar o mouse na 5ª estrela, mudar a img transparente pra img da estrela piscando, as de antes também e as da frente ficar em preto e branco
alguem me ajuda?
brigado!
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
consegui! =D
________________________________________________
<script>
<!--
function move_in1() {
document['1estrela'].src="imgs/estrelapisca.gif";
document['2estrela'].src="imgs/estrelapb.gif";
document['3estrela'].src="imgs/estrelapb.gif";
document['4estrela'].src="imgs/estrelapb.gif";
document['5estrela'].src="imgs/estrelapb.gif";
}
function move_in2() {
document['1estrela'].src="imgs/estrelapisca.gif";
document['2estrela'].src="imgs/estrelapisca.gif";
document['3estrela'].src="imgs/estrelapb.gif";
document['4estrela'].src="imgs/estrelapb.gif";
document['5estrela'].src="imgs/estrelapb.gif";
}
function move_in3() {
document['1estrela'].src="imgs/estrelapisca.gif";
document['2estrela'].src="imgs/estrelapisca.gif";
document['3estrela'].src="imgs/estrelapisca.gif";
document['4estrela'].src="imgs/estrelapb.gif";
document['5estrela'].src="imgs/estrelapb.gif";
}
function move_in4() {
document['1estrela'].src="imgs/estrelapisca.gif";
document['2estrela'].src="imgs/estrelapisca.gif";
document['3estrela'].src="imgs/estrelapisca.gif";
document['4estrela'].src="imgs/estrelapisca.gif";
document['5estrela'].src="imgs/estrelapb.gif";
}
function move_in5() {
document['1estrela'].src="imgs/estrelapisca.gif";
document['2estrela'].src="imgs/estrelapisca.gif";
document['3estrela'].src="imgs/estrelapisca.gif";
document['4estrela'].src="imgs/estrelapisca.gif";
document['5estrela'].src="imgs/estrelapisca.gif";
}
function move_out() {
document['1estrela'].src="imgs/transp.gif";
document['2estrela'].src="imgs/transp.gif";
document['3estrela'].src="imgs/transp.gif";
document['4estrela'].src="imgs/transp.gif";
document['5estrela'].src="imgs/transp.gif";
}
-->
</script>
<table height="30" cellpadding="0" cellspacing="0" align="center" valign="middle" class="panel"><tr><td background="imgs/'.$estrelas.'estrelas.gif">
<a href="acompanhantes.php?id='.$_GET['id'].'&voto=1" OnMouseOver="move_in1()" OnMouseOut="move_out()"><img src="imgs/transp.gif" height="24" width="22" border="0" name="1estrela"></a>
<a href="acompanhantes.php?id='.$_GET['id'].'&voto=2" OnMouseOver="move_in2()" OnMouseOut="move_out()"><img src="imgs/transp.gif" height="24" width="22" border="0" name="2estrela"></a>
<a href="acompanhantes.php?id='.$_GET['id'].'&voto=3" OnMouseOver="move_in3()" OnMouseOut="move_out()"><img src="imgs/transp.gif" height="24" width="22" border="0" name="3estrela"></a>
<a href="acompanhantes.php?id='.$_GET['id'].'&voto=4" OnMouseOver="move_in4()" OnMouseOut="move_out()"><img src="imgs/transp.gif" height="24" width="22" border="0" name="4estrela"></a>
<a href="acompanhantes.php?id='.$_GET['id'].'&voto=5" OnMouseOver="move_in5()" OnMouseOut="move_out()"><img src="imgs/transp.gif" height="24" width="22" border="0" name="5estrela"></a>
</td></tr></table>
)' />
Edição feita por: knoxville, 20/06/2007, 17:28.