Ciao Ragazzi
Help
devo realizzare un div (immagine volti) che appaia da destra a sinistra in un div centrale come da allegato (zona verde)
Questo div deve apparire e poi posisionarsi a mo di linguetta a destra dopo un tot di secondi.
grazie dell'aiuto!
Kika (*'_'*)
Si tratta di far scorrere un <div> dentro un altro.
Un po' come "zio Sam" che appare quando apri il forum "off-topic".
Si fa con i posizionamenti relativi (o assoluti) nei CSS (devi integrare CSS e JS).
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
Kika (*'_'*)
crei il div esterno ... come ha detto Mich_
poi il div interno dove vuoi che appaia all'inizio.
- crei un css dove crei una classe div2 e stabilisci per il div2 id="div2" il posizionamento successivo.
- crei una funzione sposta() {
window.getElementById(div2).className="div2"; }
-setTimeout(sposta(),3000)
che sono i secondi (3) dpo i quali il div prende la nuova posizione
ciao
Grazie provo subito!
Kika (*'_'*)
Ho bisogno di una manina molto + precisa perchè nn riesco a capire come applicare il Javascript!
Scusate ...
Vi spiego meglio ... io dal bordo destro del div centrale devo far apparire da destra a sinistra un div dopo 3 secondi.
VVoVe:
l'effetto è simile ad un menù a comparda laterale
spero di essermi spiegata
Grazie!
Kika (*'_'*)
ti aiuto volentieri.
clicca su quote e copia ed incolla il codice:
<html>
<head>
<title>div si sposta</title>
<style>
div#div1 {width:420px;height:280px;background-color:#ddd;
position:absolute;top:120px;left:260px; }
.div2a {width:120px;height:60px;background-color:#aad;
position:absolute;top:8px;left:260px; }
.div2b {width:160px;height:90px;background-color:#aad;
position:relative;top:38px;left:10px; }
</style>
<script>
window.onload = function() {
if(document.getElementById)
setTimeout("sposta()", 3000) }
function sposta() {
var vai = document.getElementById("div2");
vai.className = "div2b" ;
}
</script>
</head>
<body >
<h3>Il div si deve spostare </h3>
<div id="div1">
<p style="font-size:11px;"> Un po' di html</p>
<div id="div2" class="div2a">
</div>
</div>
</body>
</html>
- i position del div interno possono essere assoluti o relativi a seconda di quello che è dentro il primo div.
ciao
Permessi di invio
Rispondi quotando