Hacerle una tabla-cuadro al scroll de noticias
Gracias por la respecto sobre el script de las noticias en movimiento.Ahora me gustaria colocarle un cuadro ademas me interesaria saber cambiar de colory tamaño las letras,ya que me salen en negro.Para mas informacion soy muy ignorante en esto y utilizo el Frontpage mas que el dreamweaber ya que me desenvuelvo mejor.
otra vez experto,muchas gracias
otra vez experto,muchas gracias
1 Respuesta
Respuesta de riverophues
1
Aquí te mando un código completo con texto con scroll, borde y letras con distintos formatos:
<html>
<head>
<!-- PRIMER PASO: Copiar dentro del tag HEAD -->
<style type="text/css">
#divNewsCont{position:absolute; width:350; height:150; overflow:hidden; top:260; left:140; clip:rect(0,350,150,0); visibility:hidden}
#divNewsText{position:absolute; top:0; left:0}
</style>
<script type="text/javascript" language="JavaScript">
function checkBrowser(){
this.ver=navigator.appVersion
this.dom=document.getElementById?1:0
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
return this
}
bw=new checkBrowser()
lstart=100
loop=true
// Velocidad
speed=40
pr_step=1
function makeObj(obj,nest){
nest=(!nest) ? '':'document.'+nest+'.'
this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;
this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0;
this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight
this.newsScroll=newsScroll;
this.moveIt=b_moveIt; this.x; this.y;
this.obj = obj + "Object"
eval(this.obj + "=this")
return this
}
function b_moveIt(x,y){
this.x=x;this.y=y
this.css.left=this.x
this.css.top=this.y
}
function newsScroll(speed){
if(this.y>-this.scrollHeight){
this.moveIt(0,this.y-pr_step)
setTimeout(this.obj+".newsScroll("+speed+")",speed)
}else if(loop) {
this.moveIt(0,lstart)
eval(this.obj+".newsScroll("+speed+")")
}
}
function newsScrollInit(){
oNewsCont=new makeObj('divNewsCont')
oNewsScroll=new makeObj('divNewsText','divNewsCont')
oNewsScroll.moveIt(0,lstart)
oNewsCont.css.visibility='visible'
oNewsScroll.newsScroll(speed)
}
onload=newsScrollInit;
</script>
</head>
<body>
<!-- SEGUNDO PASO: Copiar dentro del tag BODY -->
<div id="divNewsCont" style="border-style:solid; border-width:1; background-color:#efefef">
<div id="divNewsText">
<p><font face="Arial" size="3"><b>Scroll de noticias:</b></font><br><br>
<font face="Arial" size="2"><b>Por Thomas Brattli</b> - Un excelente script que nos permite desplazar texto por nuestras páginas.<br></font></p>
<p>
<font face="Arial" size="2">
<b>Descargá ScriptMaster</b> - El mayor compilado de scripts en la red!<br></font></p>
<p><font face="Arial" size="3"><b><i>
<A HREF="http://www.webtutorial.com.ar">CLICK AQUI PARA DESCARGAR EL PROGRAMA!</a></b></i></font></p>
</div>
</div>
</body>
</html>
<html>
<head>
<!-- PRIMER PASO: Copiar dentro del tag HEAD -->
<style type="text/css">
#divNewsCont{position:absolute; width:350; height:150; overflow:hidden; top:260; left:140; clip:rect(0,350,150,0); visibility:hidden}
#divNewsText{position:absolute; top:0; left:0}
</style>
<script type="text/javascript" language="JavaScript">
function checkBrowser(){
this.ver=navigator.appVersion
this.dom=document.getElementById?1:0
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
return this
}
bw=new checkBrowser()
lstart=100
loop=true
// Velocidad
speed=40
pr_step=1
function makeObj(obj,nest){
nest=(!nest) ? '':'document.'+nest+'.'
this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;
this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0;
this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight
this.newsScroll=newsScroll;
this.moveIt=b_moveIt; this.x; this.y;
this.obj = obj + "Object"
eval(this.obj + "=this")
return this
}
function b_moveIt(x,y){
this.x=x;this.y=y
this.css.left=this.x
this.css.top=this.y
}
function newsScroll(speed){
if(this.y>-this.scrollHeight){
this.moveIt(0,this.y-pr_step)
setTimeout(this.obj+".newsScroll("+speed+")",speed)
}else if(loop) {
this.moveIt(0,lstart)
eval(this.obj+".newsScroll("+speed+")")
}
}
function newsScrollInit(){
oNewsCont=new makeObj('divNewsCont')
oNewsScroll=new makeObj('divNewsText','divNewsCont')
oNewsScroll.moveIt(0,lstart)
oNewsCont.css.visibility='visible'
oNewsScroll.newsScroll(speed)
}
onload=newsScrollInit;
</script>
</head>
<body>
<!-- SEGUNDO PASO: Copiar dentro del tag BODY -->
<div id="divNewsCont" style="border-style:solid; border-width:1; background-color:#efefef">
<div id="divNewsText">
<p><font face="Arial" size="3"><b>Scroll de noticias:</b></font><br><br>
<font face="Arial" size="2"><b>Por Thomas Brattli</b> - Un excelente script que nos permite desplazar texto por nuestras páginas.<br></font></p>
<p>
<font face="Arial" size="2">
<b>Descargá ScriptMaster</b> - El mayor compilado de scripts en la red!<br></font></p>
<p><font face="Arial" size="3"><b><i>
<A HREF="http://www.webtutorial.com.ar">CLICK AQUI PARA DESCARGAR EL PROGRAMA!</a></b></i></font></p>
</div>
</div>
</body>
</html>
