Como verán en "la cajita feliz" esta la muestra.
Es un recurso muy útil para poner link o imágenes.
No es difícil hacerlo.
Tenes que pegar los códigos que te doy a continuación.
Este código lo pegas despues de <head>
<style type="text/css">
#marqueecontainer{position: relative;width: 175px; /*marquee width */height: 170px; /*marquee height */background-color: Sienna4;overflow: hidden;border: 3px solid Red;padding: 2px;padding-left: 4px;}
</style>
<script type="text/javascript">
var delayb4scroll=2000 //Specify initial delay before marquee starts to scroll on page (2000=2 seconds)var marqueespeed=1 //Specify marquee scroll speed (larger is faster 1-10)var pauseit=1 //Pause marquee onMousever (0=no. 1=yes)?
////NO TOCAR A CONTINUACIÓN////////////
var copyspeed=marqueespeedvar pausespeed=(pauseit==0)? copyspeed: 0var actualheight=''
function scrollmarquee(){if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8))cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px"elsecross_marquee.style.top=parseInt(marqueeheight)+8+"px"}
function initializemarquee(){cross_marquee=document.getElementById("vmarquee")cross_marquee.style.top=0marqueeheight=document.getElementById("marqueecontainer").offsetHeightactualheight=cross_marquee.offsetHeightif (window.opera navigator.userAgent.indexOf("Netscape/7")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exitcross_marquee.style.height=marqueeheight+"px"cross_marquee.style.overflow="scroll"return}setTimeout('lefttime=setInterval("scrollmarquee()",30)', delayb4scroll)}
if (window.addEventListener)window.addEventListener("load", initializemarquee, false)else if (window.attachEvent)window.attachEvent("onload", initializemarquee)else if (document.getElementById)window.onload=initializemarquee
</script>
Luego usa este código que lo pones donde te parezca.
<div id="marqueecontainer" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"><div id="vmarquee" style="position: absolute; width: 98%;">
<!--Contenido-->
Aca pone lo que te plazca....<!--Fué contenido-->
</div></div>
Para configurar tamaño, color y velocidad toca esta parte. (está resaltado en el código)
Alto y ancho:
width: 175px; /*marquee width */
height: 170px; /*marquee height */
Color de fondo:
background-color: Yellow;
Ancho de borde y color:
border: 3px solid Red;
Velócidad:
marqueespeed=1 (va del 1 al 10)
Listo, cualquier cosa ya sabes..... Chifla...
2 comentarios :
xd
podrias explicar mejor paso a paso ..quizas asi logre hacer algo...=P disculpame ...no entend asi jiji
gracia por tu paciencia y buena onda
tau