Te recomiendo visites:
http://www.forosdelweb.com/showthrea...hreadid=109477
Y el script está en:
http://dynamicdrive.com/dynamicindex2/cmarquee2.htm
Lo que se hizo en maestrosdelweb fue crear una tabla con varias filas. En la primera fila colocaron el logo de forosdelweb, en la segunda el texto de Mensajes Recientes y en la tercera fila se colocó el script como tal.
Para hacerlo, debes crear una tabla primero. Ejemplo, una tabla con dos filas. En la primera colocas la imagen (eso va entre el primer <TD> y </TD>). Luego, en la segunda fila coloca el script.
Esto es solamente un ejemplo:
Código:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<p>Mi foto, logo, o lo que sea va entre el primer <TD> y </TD> </p>
<p>Y luego en el próximo <TD> o Table Data es que ira el script o
en cualquier parte del <BODY> donde desees el efecto de scrolling..</p>
<table width="12%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#000000">
<div align="center"><img src="http://www.upichat.net/images/logo.gif "></div>
</a></td>
</tr>
<tr>
<td bgcolor="#CCCCFF">
<script language="JavaScript1.2">
/*
Cross browser Marquee II- © Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more DHTML scripts, and TOS, visit http://www.dynamicdrive.com
Credit MUST stay intact
*/
//Specify the marquee's width (in pixels)
var marqueewidth=200
//Specify the marquee's height
var marqueeheight=150
//Specify the marquee's marquee speed (larger is faster 1-10)
var marqueespeed=2
//Pause marquee onMousever (0=no. 1=yes)?
var pauseit=1
//Specify the marquee's content
//Keep all content on ONE line, and backslash any single quotations (ie: that\'s great):
var marqueecontent='<font face="Verdana">Thank you for visiting <a href="http://www.dynamicdrive.com">Dynamic Drive.</a><p>If you find this script useful, please consider linking to us by <a href="../link.htm">clicking here.</a><p>Visit our partner <a href="http://javascriptkit.com">JavaScript Kit</a> for JavaScript tutorials.</font>'
////NO NEED TO EDIT BELOW THIS LINE////////////
marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1) //slow speed down by 1 for NS
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
var actualheight=''
var cross_marquee, ns_marquee
function populate(){
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee.style.top=marqueeheight+8
cross_marquee.innerHTML=marqueecontent
actualheight=cross_marquee.offsetHeight
}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.top=marqueeheight+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualheight=ns_marquee.document.height
}
lefttime=setInterval("scrollmarquee()",50)
}
window.onload=populate
function scrollmarquee(){
if (iedom){
if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8))
cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed
else
cross_marquee.style.top=marqueeheight+8
}
else if (document.layers){
if (ns_marquee.top>(actualheight*(-1)+8))
ns_marquee.top-=copyspeed
else
ns_marquee.top=marqueeheight+8
}
}
if (iedom||document.layers){
with (document){
if (iedom){
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
write('<div id="iemarquee" style="position:absolute;left:0;top:0;width:100%;">')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee">')
write('<layer name="ns_marquee2" width='+marqueewidth+' height='+marqueeheight+' left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')
}
}
}
</script></td>
</tr>
</table>
<p> </p>
</body>
</html>
Observa que mi imagen era muy pequeña, así que a esa celda en especifica le puse color negro como background. Cualquier duda, pues por aquí estamos.
