Explicamos como incluir el codigo en vuestra web, paso a paso:
1º todos estos codigos irán entre los tags de head:
<head>
aquí el codigo
</head>
Codigo:
<style type="text/css">
A { text-decoration:none;}
A:link {color:blue;}
A:visited{color: blue;}
A:hover {color: red;background-color:#66ffff;}
.tab { font-weight:bold;font-size:12px;text-align:center;font-family:Arial,Helvetica;color:olive;}
.tabb { font-weight:bold;font-size:12px;text-align:center;font-family:Arial,Helvetica;}
</style>
< script LANGUAGE="JavaScript">
/***********************************
* http://javascripts.vbarsan.com/
* This notice may not be removed
***********************************/
//-- Begin Scroller's Parameters and message -->
//scroller width: change to your own;
var swidth=300;
//scroller height: change to your own;
var sheight=140;
//background color: change to your own;
var sbcolor="#ccffcc";
//scroller's speed: change to your own;
var sspeed=2;
var restart=sspeed;
rspeed=sspeed;
//text: change to your own
wholemessage='<div align="center" class=tabb>'+
'<a target="_self" class=tabb href="http://vbarsan.com/">'+
'Vertical Scroller:<br>Multiple Message Vertical Scroller v7.0'+
'<br><br>Horizontal Scroller:<br>Multiple Message Belt Conveyer v7.0'+
'<br><br>Typewriter Scroller:<br>Multiple Message Typewriter Scroller v5.0</a></div>'+
'<br><div align="center" class=tab>This message may be as large as desired - any wider row will automatically be adjusted into as many rows as to fit the width you set for the scrolling area.</div>';
//-- end Parameters and message -->
//-- begin: Scroller's Algorithm -->
function goup(){if(sspeed!=rspeed*8){sspeed=sspeed*2;restart=sspeed;}}
function godown(){if(sspeed>rspeed){sspeed=sspeed/2;restart=sspeed;}}
function start(){if(document.all) iemarquee(slider);else if(document.getElementById)ns6marquee(document.getElementById('slider'));else if(document.layers)ns4marquee(document.slider1.document.slider2);}function iemarquee(whichdiv){iediv=eval(whichdiv);iediv.style.pixelTop=sheight;iediv.innerHTML=wholemessage;sizeup=iediv.offsetHeight;ieslide();}function ieslide(){if(iediv.style.pixelTop>=sizeup*(-1)){iediv.style.pixelTop-=sspeed;setTimeout("ieslide()",100);}else{iediv.style.pixelTop=sheight;ieslide();}}function ns4marquee(whichlayer){ns4layer=eval(whichlayer);ns4layer.top=sheight;ns4layer.document.write(wholemessage);ns4layer.document.close();sizeup=ns4layer.document.height;ns4slide();}function ns4slide(){if(ns4layer.top>=sizeup*(-1)){ns4layer.top-=sspeed;setTimeout("ns4slide()",100);}else{ns4layer.top=sheight;ns4slide();}}function ns6marquee(whichdiv){ns6div=eval(whichdiv);ns6div.style.top=sheight;ns6div.innerHTML=wholemessage;sizeup=ns6div.offsetHeight;ns6slide();}function ns6slide(){if(parseInt(ns6div.style.top)>=sizeup*(-1)){ns6div.style.top=parseInt(ns6div.style.top)-sspeed;setTimeout("ns6slide()",100);}else{ns6div.style.top=sheight;ns6slide();}}
//-- end Algorithm -->
< /script>
Ahora debemos dar al body una caracteristica, en nuestra web cambiaremos
<body> por <body onload="start();">
Ahora os explicamos el codigo a escribir entre los tags de body:
<body>
aqui el codigo
</body>
el codigo es:
<!-- You may remove last cell below (<td> ... </td>) to get rid of Speed-change -->
< script language="JavaScript">document.write('<table border="1" align="center"><tr><td width='+swidth+'>');if (document.getElementById || document.all){document.write('<span style="height:'+sheight+';"><div style="position:relative;overflow:hidden;width:'+swidth+';height:'+sheight+';clip:rect(0 '+swidth+' '+sheight+' 0);background-color:'+sbcolor+';" onMouseover="sspeed=0;" onMouseout="sspeed=restart"><div id="slider" style="position:relative;width:'+swidth+';"></div></div></span>')}< /script>
<ilayer width=&{swidth}; height=&{sheight}; name="slider1" bgcolor=&{sbcolor};><layer name="slider2" width=&{swidth}; onMouseover="sspeed=0;" onMouseout="sspeed=restart"></layer></ilayer></td><td bgcolor="#ffffcc"><div><A class=tabb href="#" onClick="goup();">UP</a></div><div align="center" class=tabb>-</div><div><a href="#" class=tabb onClick="godown();">DN</a></div></td></tr></table>
<!-- end -->
Si os fijais en este código podemos cambiar la velocidad del scroll es simple, leedlo poco a poco y lo comprendereis
