Script JavaScript - Testo: Testo che scorre - Morpheusweb.it - Risorse per webmaster: html, javascript, checked, onclick, rollover, document, javascripts, foreach, innerhtml, frameset, document write, getelementsbytagname, javascript menus, selected, scrollbar, onmouseover, script, close, frame, onclick, script language javascript, innerhtml, text javascript, onchange, script html, tutorial javascript, onmouseover, onblur, frameset, document write, getelementbyid, eval, dhtml, javascript script, script popup, script dhtml, scripts javascript, script scroller, html script javascript

Testo che scorre

Effetto "titoli di coda" con la particolarit� che il testo si ferma per qualche istante, dando la possibilit� all'utente di cliccarci sopra.

¤ Clicca qui per visualizzare la demo... ¤


						<HTML>
						<HEAD>
						<TITLE>070</TITLE>
						</HEAD>
						<BODY bgcolor="white" >
						<script>
						
						var scrollerwidth=150
						var scrollerheight=120
						var scrollerbgcolor='lightyellow'
						
						var messages=new Array()
						messages[0]="<font face='Arial'><a href='#'>Clicca qui per il primo link</a></font>"
						messages[1]="<font face='Arial'><a href='#'>Clicca qui per il secondo link</a></font>"
						messages[2]="<font face='Arial'><a href='#'>Clicca qui per il terzo link</a></font>"
						messages[3]="<font face='Arial'><a href='#'>Clicca qui per il quarto link</a></font>"
						messages[4]="<font face='Arial'><a href='#'>MorpheusWeb.it - Risorse per webmaster</a></font>"
						
						if (messages.length>1)
						  i=2
						else
						  i=0
						function move1(whichlayer)
						{
						  tlayer=eval(whichlayer)
						  if (tlayer.top>0&&tlayer.top<=5)
						  {
						    tlayer.top=0
						    setTimeout("move1(tlayer)",3000)
						    setTimeout("move2(document.main.document.second)",3000)
						    return
						  }
						  if (tlayer.top>=tlayer.document.height*-1)
						  {
						    tlayer.top-=5
						    setTimeout("move1(tlayer)",100)
						  }
						  else
						  {
						    tlayer.top=scrollerheight
						    tlayer.document.write(messages[i])
						    tlayer.document.close()
						    if (i==messages.length-1)
						      i=0
						    else
						      i++
						  }
						}
						
						function move2(whichlayer)
						{
						  tlayer2=eval(whichlayer)
						  if (tlayer2.top>0&&tlayer2.top<=5)
						  {
						    tlayer2.top=0
						    setTimeout("move2(tlayer2)",3000)
						    setTimeout("move1(document.main.document.first)",3000)
						    return
						  }
						  if (tlayer2.top>=tlayer2.document.height*-1)
						  {
						    tlayer2.top-=5
						    setTimeout("move2(tlayer2)",100)
						  }
						  else
						  {
						    tlayer2.top=scrollerheight
						    tlayer2.document.write(messages[i])
						    tlayer2.document.close()
						    if (i==messages.length-1)
						      i=0
						    else
						      i++
						  }
						}
						
						function move3(whichdiv)
						{
						  tdiv=eval(whichdiv)
						  if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5)
						  {
						    tdiv.style.pixelTop=0
						    setTimeout("move3(tdiv)",3000)
						    setTimeout("move4(second2)",3000)
						    return
						  }
						  if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1)
						  {
						    tdiv.style.pixelTop-=5
						    setTimeout("move3(tdiv)",100)
						  }
						  else
						  {
						    tdiv.style.pixelTop=scrollerheight
						    tdiv.innerHTML=messages[i]
						    if (i==messages.length-1)
						      i=0
						    else
						      i++
						  }
						}
						
						function move4(whichdiv)
						{
						  tdiv2=eval(whichdiv)
						  if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5)
						  {
						    tdiv2.style.pixelTop=0
						    setTimeout("move4(tdiv2)",3000)
						    setTimeout("move3(first2)",3000)
						    return
						  }
						  if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1)
						  {
						    tdiv2.style.pixelTop-=5
						    setTimeout("move4(second2)",100)
						  }
						  else
						  {
						    tdiv2.style.pixelTop=scrollerheight
						    tdiv2.innerHTML=messages[i]
						    if (i==messages.length-1)
						      i=0
						    else
						      i++
						  }
						}
						
						function startscroll()
						{
						  if (document.all)
						  {
						    move3(first2)
						    second2.style.top=scrollerheight
						  }
						  else if (document.layers)
						  {
						    move1(document.main.document.first)
						    document.main.document.second.top=scrollerheight+5
						    document.main.document.second.visibility='show'
						  }
						}
						
						window.onload=startscroll
						
						</script>
						
						<ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgColor=&{scrollerbgcolor};>
						<layer id="first" left=0 top=1 width=&{scrollerwidth};>
						
						<script>
						if (document.layers)
						  document.write(messages[0])
						</script>
						
						</layer>
						<layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide>
						
						<script>
						if (document.layers)
						  document.write(messages[1])
						</script>
						
						</layer>
						</ilayer>
						
						<script>
						if (document.all)
						{
						  document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+
						    ';height:'+scrollerheight+';
						overflow:hidden;
						background-color:'+scrollerbgcolor+'">')
						  document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+
						    scrollerheight+';
						clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')
						  document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">')
						  document.write(messages[0])
						  document.writeln('</div>')
						  document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">')
						  document.write(messages[1])
						  document.writeln('</div>')
						  document.writeln('</div>')
						  document.writeln('</span>')
						}
						</script>
						
						</body>
						</html>

A colpo d'occhio

Script C#

Manuale C#

Script VB.Net

Manuale SQL

Seo

Manuale CSS

Be Responsive

HTML 5

CSS 3

jQuery