Hablas de esto?
Si hablas de lo que yo recorté de la página, se realiza muy facilmente, mira el código:
Código HTML:
<marquee id="links_block" behavior="scroll" direction="up" scrolldelay="100" height="80" scrollamount="2" loop="true" onmouseover="this.stop()" onmouseout="this.start()">
<div align="center">
<br />
<a href="links.php?action=go&link_id=2" target="_blank" onmouseover="document.all.links_block.stop()" onmouseout="document.all.links_block.start()"><img src="images/links/phpbbxs_88x31.gif" alt="Oficial phpBB XS" title="Oficial phpBB XS" width="88" height="31" border="0" vspace="3" /></a>
<br />
<a href="links.php?action=go&link_id=4" target="_blank" onmouseover="document.all.links_block.stop()" onmouseout="document.all.links_block.start()"><img src="http://www.project-minerva.es/images/minerva.gif" alt="Minerva España" title="Minerva España" width="88" height="31" border="0" vspace="3" /></a>
<br />
<a href="links.php?action=go&link_id=45" target="_blank" onmouseover="document.all.links_block.stop()" onmouseout="document.all.links_block.start()"><img src="http://www.e-invip.com/foro/images/links/inviplink.gif" alt="e-inviP.coM" title="e-inviP.coM" width="88" height="31" border="0" vspace="3" /></a>
<br />
<a href="links.php?action=go&link_id=36" target="_blank" onmouseover="document.all.links_block.stop()" onmouseout="document.all.links_block.start()"><img src="http://www.ancarhosting.com/forum/images/links/web_logo88a.gif" alt="AncarHosting" title="AncarHosting" width="88" height="31" border="0" vspace="3" /></a>
<br />
<a href="links.php?action=go&link_id=27" target="_blank" onmouseover="document.all.links_block.stop()" onmouseout="document.all.links_block.start()"><img src="http://www.januweb.com/xs/images/links/web_logo88a.gif" alt="JanuWeb" title="JanuWeb" width="88" height="31" border="0" vspace="3" /></a>
<br />
<a href="links.php?action=go&link_id=29" target="_blank" onmouseover="document.all.links_block.stop()" onmouseout="document.all.links_block.start()"><img src="http://img452.imageshack.us/img452/7186/eliteimagenes3ti.gif" alt="EliteImagenes" title="EliteImagenes" width="88" height="31" border="0" vspace="3" /></a>
<br />
<a href="links.php?action=go&link_id=22" target="_blank" onmouseover="document.all.links_block.stop()" onmouseout="document.all.links_block.start()"><img src="http://www.phpbb-es.com/foro/images/links/forototal9wv.jpg" alt="Foro-Total" title="Foro-Total" width="88" height="31" border="0" vspace="3" /></a>
<br />
<a href="links.php?action=go&link_id=5" target="_blank" onmouseover="document.all.links_block.stop()" onmouseout="document.all.links_block.start()"><img src="http://www.phpbb-es.com/foro/images/links/comunidad.gif" alt="CoMuNiDaD ThE KuKa" title="CoMuNiDaD ThE KuKa" width="88" height="31" border="0" vspace="3" /></a>
<br />
<br />
</div>
</marquee>
Como puedes ver, hay una marquesina que dentro de ella tiene una serie de imágenes de algunos auspiciantes, dejémoslo como los publicitantes. Una marquesina se crea con HTML y son usualmente utilizadas para pasar textos por la pantalla, hay muchas páginas normalmente páginas básicas en las que cuando entras aparece un mensaje como "bienvenido a xxxxxxx página". Aquí evidentemente han utilizado la marquesina con un fin mucho más atractivo y útil.
Recuerda que esto no es nada que ver con PHP
Para que la marquesina se detenga al pasar el mouse por una de las imágenes le coloca a la imágen el siguiente código javascript
:
Código HTML:
onmouseover=onmouseover="document.all.links_block.stop()"
y el contrario para que la imágen vuelva a pasar luego de retirar el cursor de ensima:
Código HTML:
onmouseout="document.all.links_block.start()"
Lo bueno es que no necesitas de ningúna función javascript para correr este código, solamente insertale a las partes de la maquesina los dos últimos códigos (onmouseover y onmouseout) y listo, debería de funcionar perfectamente.
Saludos !
