Newsgroup: it.comp.www.html
Titolo: Il testo scorre come i titoli di coda di un film...

Salve,
un paio di volte l' ho visto ed č...carinissimo :)) Come posso far sě
che un testo cammini dall' alto verso il basso, o dal basso verso l'
alto in una pagina? in oltre...č possibile che il testo cammini e poi
si fermi per quelche secondo per poi ricamminare?
		' ' '
	            (o o)
+---------oOOO------(_)-------------+
 
sku...@freemail.it
          [the last wizard]
+----------------------oOOO----------+
                       |__|__|
                        | |   | |
                     ooO Ooo

Probabilmente utilizza una funzione di Javascript per il scroller automatico
di una pagina, per cui è possibile inserire timeout per brevi pause.
Ciao

Puoi utilizzare i layer e tramite javascript modificare la posizione Y:
<div id="nomelayer" style="position:absolute">Testo</div>
IE:
document.all["nomelayer"].style.pixelTop = "pixel"
NS:
document.nomelayer.top = "pixel"
---
the fly on the net
webmaster di "the devil inside"
http://members.tripod.com/netfly
e-mail:
net...@netbusiness.it

si fermi per quelche secondo per poi ricamminare?
Eccoti il codice in DHTML compatibile con entrambi i
browser, sono tre file: banner.js, bannerconfig.js ed il
file html vero e proprio. In bannerconfig.js puoi anche
configurare la variabile per fare la pausa.
--------------------------------------------------------
banner.js
--------------------------------------------------------
onload = startBanner;
function showMessage(n, show) {
  var whichEl = (NS4) ? eval("message" + n) :
                        eval("message" + n + ".style");
  whichEl.visibility = (show) ? ((NS4) ? "show" : "visible")
:
                                ((NS4) ? "hide" : "hidden");
}
function nextMessage() {
  var fromInd = current;
  current = (fromInd == ar.length - 1) ? 0 : fromInd + 1;
  scrollBanner(fromInd, current);
}
function moveUp() {
  if (NS4) {
    fromEl.top -= increment;
    if (toEl.top - increment <= toElTarget) {
      toEl.top = toElTarget;
      clearInterval(intervalID);
      fromEl.visibility = "hide";
      timeoutID = setTimeout("nextMessage()", pause);
    } else {
      toEl.top -= increment;
    }
  } else {
    fromEl.pixelTop -= increment;
    if (toEl.pixelTop - increment <= toElTarget) {
      toEl.pixelTop = toElTarget;
      clearInterval(intervalID);
      fromEl.visibility = "hidden";
      timeoutID = setTimeout("nextMessage()", pause);
    } else {
      toEl.pixelTop -= increment;
    }
  }
}
function scrollBanner(from, to) {
  if (NS4) {
    fromEl = eval("message" + from);
    toEl = eval("message" + to);
    toEl.top = fromEl.top + bannerHeight;
    toElTarget = fromEl.top;
  } else {
    fromEl = eval("message" + from + ".style");
    toEl = eval("message" + to + ".style");
    toEl.pixelTop = fromEl.pixelTop + bannerHeight;
    toElTarget = fromEl.pixelTop;
  }
  showMessage(to, true); // show the upcoming message
  intervalID = setInterval("moveUp()", interval);
}
function makeIE() {
  // assign the necessary code to a variable
  var text = '<DIV ID="banner" STYLE="position:absolute">';
  for (var i = ar.length - 1; i >= 0; i--) {
    text += '<DIV ID="message' + i +
'"STYLE="position:absolute"></DIV>';
  }
  text += '</DIV>';
  // insert the code before the end of the document
  document.body.insertAdjacentHTML("BeforeEnd", text);
  // define the main element's properties
  with (banner.style) {
    width = bannerWidth;
    height = bannerHeight;
    clip = "rect(0 " + bannerWidth + " " + bannerHeight + "
0)";
    backgroundColor = bannerColor;
    pixelLeft = bannerLeft;
    pixelTop = bannerTop;
  }
  // define the child elements' properties
  for (i = 0; i < ar.length; i++) {
    with (eval("message" + i + ".style")) {
      visibility = "hidden";
      pixelLeft = leftPadding;
      pixelTop = topPadding;
      width = bannerWidth - leftPadding;
      backgroundColor = bannerColor;
    }
  }
}
function makeNS() {
  // create the main element
  banner = new Layer(bannerWidth);
  // define the main element's properties
  with (banner) {
    clip.right = bannerWidth;
    clip.bottom = bannerHeight;
    document.bgColor = bannerColor;
    left = bannerLeft;
    top = bannerTop;
    visibility = "show";
  }
  // define the child elements' properties
  for (var i = 0; i < ar.length; i++) {
    // create a child element
    eval("message" + i + " = " + 
         "new Layer(bannerWidth - leftPadding, banner)");
    with(eval("message" + i)) {
      visibility = "hide";
      left = leftPadding;
      top = topPadding;
      document.bgColor = bannerColor;
    }
  }
}
function fillBanner() {
  var whichEl;
  if (NS4) {
    for (var i = 0; i < ar.length; i++) {
      whichEl = eval("message" + i);
      whichEl.document.write(ar[i]);
      whichEl.document.close();
    }
  } else {
    for (var i = 0; i < ar.length; i++) {
      whichEl = eval("message" + i);
      whichEl.innerHTML = ar[i];
    }
  }
}
function startBanner() {
  if (NS4)
    makeNS()
  else
    makeIE();
  fillBanner();
  showMessage(0, true);
  current = 0;
  timeoutID = setTimeout("nextMessage()", pause);
}
--------------------------------------------------------
bannerconfig.js
--------------------------------------------------------
var NS4 = (document.layers) ? true : false;
var IE4 = (document.all) ? true : false;
var interval = 10;
var increment = 1;
var pause = 1000;
var bannerColor = "#FFFF80";
var leftPadding = 3;
var topPadding = 30;
var bannerLeft = (NS4) ? document.images.holdspace.x :
  holdspace.offsetLeft;
var bannerTop = (NS4) ? document.images.holdspace.y :
  holdspace.offsetTop;
var bannerWidth = (NS4) ? document.images.holdspace.width :
  holdspace.width;
var bannerHeight = (NS4) ? document.images.holdspace.height
:
  holdspace.height;
var ar = new Array(
"<p>Esempio di testo scorrevole</p>", 
"<p>Puoi aggiungere quante righe vuoi</p>", 
"<p>Il testo puň essere <u>formattato</u> normalmente e puoi
fare anche <a href="
www.link.com
">links</a></p>",
);
--------------------------------------------------------
File HTML (da inserire nel punto in cui vuoi visualizzare il
testo scorrevole)
--------------------------------------------------------
<SCRIPT LANGUAGE="JavaScript1.2">
		  <!--
		   {
		    with (document) {
		      write("<SCRIPT
LANGUAGE='JavaScript1.2' SRC='bannerconfig.js'>");
		      write("<\/SCRIPT>");
		      write("<SCRIPT
LANGUAGE='JavaScript1.2' SRC='banner.js'>");
		      write("<\/SCRIPT>");
		    }
		  }
		  //-->
</SCRIPT>
Spero di esserti stato d'aiuto. Scusate per il messaggio
parecchio lungo.
Kabal
--
"C'ho una forza dentro che neanch'io so come"
(Sig.ra Famoso Jole)
http://tinpan.fortunecity.com/ellington/197
 TOTAL NIRVANA!
ICQ: 18084589