Script che riproduce il marquee

**PrecisionMaster** · 25-01-2015, 14:49

Ragazzi vi ringrazio ENORMEMENTE!
Ci sono riuscito, è un vero e proprio marquee.

codice:

function myfunction(){
  setInterval(function() {
	var left = document.getElementById("text").offsetLeft; 
    
   if(left == "20")
    {
        document.getElementById("text").style.left = "600px";
    }
    else if(left == "600")
    {
        document.getElementById("text").style.left = "20px";
    }
  }, 1000); 
}

**PrecisionMaster** · 28-01-2015, 19:06

Ok mi sono impegnato un po di più e ho capito bene un concetto:
Javascript non trova automaticamente lo stile se non è espressamente dichiarato nello script ma bisogna andare a ricercarlo nel CSS.
Sono arrivato a questo:

codice:

function myfunction(){
  setInterval(function() {
	var element  = document.getElementById("text");
	var style = window.getComputedStyle(element, null).getPropertyValue("left");
    
   if(style == "20px")
    {
        document.getElementById("text").style.left = "600px";
		element.opacity = "1";
    }
    else if(style == "600px")
    {
        document.getElementById("text").style.left = "20px";
		element.opacity = "0";
    }
  }, 3000); 
}

è un codice "migliore"?

**badaze** · 28-01-2015, 22:11

Esempio di marquee

Codice PHP:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script language="JavaScript" type="text/javascript">
<!--
var interval;
function marquee() {
  i = parseInt(document.getElementById('figlio').style.left);
 j = i + document.getElementById('figlio').offsetWidth;
 if (j < 0) {
    i = initMarquee();
 } 
  document.getElementById('figlio').style.left = i - 1;
} // function marquee()
function startMarquee() {
 interval = setInterval('marquee()', 10);
} // function startMarquee() 
function stopMarquee() {
 clearInterval(interval);  
} // function stopMarquee()
function initMarquee() {
  document.getElementById('figlio').style.left = document.getElementById('padre').offsetWidth;
 return document.getElementById('padre').offsetWidth;
} // function initMarquee()
//-->
</script>

</head>
<body>
<div id="padre">
  <span id="figlio" style='position:relative;width:initial'>testo che scorre</span>
</div>
<input type="button" name='start' value="Start" onclick="startMarquee()"/>
<input type="button" name='stop'  value="Stop" onclick="stopMarquee()"/>
<script language="JavaScript" type="text/javascript">
<!--
initMarquee();
//-->
</script>
</body>
</html>

**PrecisionMaster** · 28-01-2015, 23:14

Originariamente inviata da badaze

Esempio di marquee
...

Ti ringrazio tantissimo però per ora, per me, è troppo avanzato.
Mi sono sforzato di capire ma ci sono funzioni che non conosco.
In tutti i casi me lo salvo e lo cercherò di capirlo quando sarò più avanti.
Grazie ancora!

Discussione: Script che riproduce il marquee

Strumenti discussione

Ricerca discussione

Visualizza

Hybrid View

Permessi di invio