Scroll de noticias
Muy buenas, tengo un Java Scrip tipico de las noticias que suben para ARRIBA.
Pero me gustaria saber como hago para que estas salgan del parte derecha y se desplacen de forma HORIZONTAL.
Muchas gracias.
Pero me gustaria saber como hago para que estas salgan del parte derecha y se desplacen de forma HORIZONTAL.
Muchas gracias.
Respuesta de blackprince
1
Este script bien te puede dar una luz de eso que buscas:
<!-- PASO UNO: Pega este codigo en el HEAD de tu HTML -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
window.onerror = null;
var bName = navigator.appName;
var bVer = parseInt(navigator.appVersion);
var NS4 = (bName == "Netscape" && bVer >= 4);
var IE4 = (bName == "Microsoft Internet Explorer" && bVer >= 4);
var NS3 = (bName == "Netscape" && bVer < 4);
var IE3 = (bName == "Microsoft Internet Explorer" && bVer < 4);
//-----------------------------------------------------------
var scroll_length = 150; //The scroll length
var time_length =50; //Scroll delay in milliseconds
var begin_pos = 260; //Start position of scroll hint
var i=begin_pos;
var j=i;
var scroll_dir = "right"; // To scroll left use "left"
// To scroll right use "right"
//-----------------------------------------------------------
if (NS4 || IE4) {
if (navigator.appName == "Netscape") {
layerStyleRef="layer.";
layerRef="document.layers";
styleSwitch="";
}else{
layerStyleRef="layer.style.";
layerRef="document.all";
styleSwitch=".style";
}
}
//SCROLL
function Scroll(layerName)
{
if (NS4 || IE4)
{
if(scroll_dir=="right")
{
if(i<(begin_pos+scroll_length))
{
eval(layerRef+'["'+layerName+'"]'+
styleSwitch+'.visibility="visible"');
eval(layerRef+'["'+layerName+'"]'+ styleSwitch+'.left="'+(i)+'"');
i++;
j++;
}
}
if(scroll_dir=="left")
{
if(i>(begin_pos-scroll_length))
{
eval(layerRef+'["'+layerName+'"]'+
styleSwitch+'.visibility="visible"');
eval(layerRef+'["'+layerName+'"]'+ styleSwitch+'.right="'+(-i)+'"');
i--;
j--;
}
}
if(i==j)
{
setTimeout("Scroll('"+layerName+"')",time_length);
}
}
}
//Detener el scroll
function StopScroll(layerName)
{
if(scroll_dir=="right")
{
i=begin_pos+scroll_length;
eval(layerRef+'["'+layerName+'"]'+
styleSwitch+'.left="'+(i)+'"');
hideLayer(layerName);
}
if(scroll_dir=="left")
{
i=begin_pos-scroll_length;
eval(layerRef+'["'+layerName+'"]'+
styleSwitch+'.right="'+(-i)+'"');
hideLayer(layerName);
}
}
function reset()
{
i=begin_pos;
j=i;
}
// Esconder leyenda
function hideLayer(layerName)
{
if (NS4 || IE4)
{
eval(layerRef+'["'+layerName+'"]'+
styleSwitch+'.visibility="hidden"');
}
}
// End -->
</script>
</HEAD>
<!-- PASO DOS: Copia este codigo en el BODY de tu HTML -->
<BODY>
<!--Requiere BEGIN-->
<center>
<a href="#" class="link" onmouseover="javascript:reset();Scroll('prem_hint');" onmouseout="javascript:StopScroll('prem_hint');">JavaScriptSource</a>
</center>
<div id="prem_hint" style="position:relative; visibility:hidden" class="prem_hint">
<b>Blackprince el mejor experto en TODOEXPERTOS (desarrollo web)!</b>
</div>
<!--Requiere FIN-->
<!-- Tamaño de Script: 3.39 KB -->
<!-- PASO UNO: Pega este codigo en el HEAD de tu HTML -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
window.onerror = null;
var bName = navigator.appName;
var bVer = parseInt(navigator.appVersion);
var NS4 = (bName == "Netscape" && bVer >= 4);
var IE4 = (bName == "Microsoft Internet Explorer" && bVer >= 4);
var NS3 = (bName == "Netscape" && bVer < 4);
var IE3 = (bName == "Microsoft Internet Explorer" && bVer < 4);
//-----------------------------------------------------------
var scroll_length = 150; //The scroll length
var time_length =50; //Scroll delay in milliseconds
var begin_pos = 260; //Start position of scroll hint
var i=begin_pos;
var j=i;
var scroll_dir = "right"; // To scroll left use "left"
// To scroll right use "right"
//-----------------------------------------------------------
if (NS4 || IE4) {
if (navigator.appName == "Netscape") {
layerStyleRef="layer.";
layerRef="document.layers";
styleSwitch="";
}else{
layerStyleRef="layer.style.";
layerRef="document.all";
styleSwitch=".style";
}
}
//SCROLL
function Scroll(layerName)
{
if (NS4 || IE4)
{
if(scroll_dir=="right")
{
if(i<(begin_pos+scroll_length))
{
eval(layerRef+'["'+layerName+'"]'+
styleSwitch+'.visibility="visible"');
eval(layerRef+'["'+layerName+'"]'+ styleSwitch+'.left="'+(i)+'"');
i++;
j++;
}
}
if(scroll_dir=="left")
{
if(i>(begin_pos-scroll_length))
{
eval(layerRef+'["'+layerName+'"]'+
styleSwitch+'.visibility="visible"');
eval(layerRef+'["'+layerName+'"]'+ styleSwitch+'.right="'+(-i)+'"');
i--;
j--;
}
}
if(i==j)
{
setTimeout("Scroll('"+layerName+"')",time_length);
}
}
}
//Detener el scroll
function StopScroll(layerName)
{
if(scroll_dir=="right")
{
i=begin_pos+scroll_length;
eval(layerRef+'["'+layerName+'"]'+
styleSwitch+'.left="'+(i)+'"');
hideLayer(layerName);
}
if(scroll_dir=="left")
{
i=begin_pos-scroll_length;
eval(layerRef+'["'+layerName+'"]'+
styleSwitch+'.right="'+(-i)+'"');
hideLayer(layerName);
}
}
function reset()
{
i=begin_pos;
j=i;
}
// Esconder leyenda
function hideLayer(layerName)
{
if (NS4 || IE4)
{
eval(layerRef+'["'+layerName+'"]'+
styleSwitch+'.visibility="hidden"');
}
}
// End -->
</script>
</HEAD>
<!-- PASO DOS: Copia este codigo en el BODY de tu HTML -->
<BODY>
<!--Requiere BEGIN-->
<center>
<a href="#" class="link" onmouseover="javascript:reset();Scroll('prem_hint');" onmouseout="javascript:StopScroll('prem_hint');">JavaScriptSource</a>
</center>
<div id="prem_hint" style="position:relative; visibility:hidden" class="prem_hint">
<b>Blackprince el mejor experto en TODOEXPERTOS (desarrollo web)!</b>
</div>
<!--Requiere FIN-->
<!-- Tamaño de Script: 3.39 KB -->
