tag marque

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.044
150
63
PR
www.borgo-italia.it
ciao a tutti, oggi è il giorno delle domande
per ottenere un effetto di scorrimento ho utilizzato questo sistema

HTML:
<div id="sinistro">
<!-- onmouseover=this.stop() onmouseout=this.start()-->
<marquee  align="middle" behavior="scroll" direction="up" scrollamount="2" scrolldelay="5" height="100%" width="180" >
<img src="file-home/scorreSx/bann-01.jpg" width="180" border="0"/>
<img src="file-home/scorreSx/bann-03.jpg" width="180" border="0"/>
<img src="file-home/scorreSx/bann-05.jpg" width="180" border="0"/>
<img src="file-home/scorreSx/bann-07.jpg" width="180" border="0"/>
<img src="file-home/scorreSx/bann-09.jpg" width="180" border="0"/>
<img src="file-home/scorreSx/bann-11.jpg" width="180" border="0"/>
<img src="file-home/scorreSx/bann-13.jpg" width="180" border="0"/>
<img src="file-home/scorreSx/bann-15.jpg" width="180" border="0"/>
<img src="file-home/scorreSx/bann-17.jpg" width="180" border="0"/>
<img src="file-home/scorreSx/bann-19.jpg" width="180" border="0"/>
<img src="file-home/scorreSx/bann-20.jpg" width="180" border="0"/>
</marquee>
</div>

e in altro div ho inserito anche onmouseover=this.stop() onmouseout=this.start()

ora ho letto sui riferimenti di mrwm

Se ne sconsiglia l'utilizzo dato che la sua compatibilità è limitata al browser Microsoft Internet Explorer. Per rendere lo stesso effetti si consiglia di utilizzare un apposito script DHTML.

ma la mia ignoranza mi blocca: quale è un apposito script DHTML?

p.s.
comunque una breve correzione
.....compatibilità è limitata al browser Microsoft Internet Explorer

funzia anche su ff
 
Il tag marque è deprecato dal W3C quindi non validabile...
Se può interessarti prova questo:

CSS
Codice:
#scroll{
overflow: hidden;
width: 250px;
height: 250px;
text-align: left;
color: #000;
margin: 0 auto;
background-color: #ff0000;
}
#contenuto{
margin:0px;
padding:250px 10px 250px 10px;
}

HTML
Codice:
<div id="scroll" onmouseover="stopScroll()" onmouseout="startScroll()">
<div id="contenuto">
quì il tuo contenuto
</div>
</div>

JAVASCRIPT
Codice:
<script type="text/javascript">
function ScrollDiv(){
if(document.getElementById('scroll').scrollTop<(document.getElementById('scroll').scrollHeight
-document.getElementById('scroll').offsetHeight)){-1
document.getElementById('scroll').scrollTop=document.getElementById('scroll').scrollTop+1
}
else {// distanza dal top
document.getElementById('scroll').scrollTop=10; 
}
}
var scrolling;
//velocita' dello Scroll
scrolling = setInterval('ScrollDiv()',50)
function stopScroll(){
// stop scrolling onmouseover
clearTimeout(scrolling)
}
function startScroll(){
// start scrolling again onmouseout
scrolling = setInterval('ScrollDiv()',50)
}
</script>
 
ciao
intanto grazie, ora (anzi domani) lo provo.
un'altra cosa che a prima vista non vedo c'è scroll up, down, left e righght?

poi un piccolo pensiero

deprecato dal W3C quindi non validabile...

e se non lo valido?
ho avuto per 20 anni a che fare con organi di certificazione e l'unica cosa che riescono a fare e complicare le cose (con due tag si risolve, altrimento css+js e molte righe di codice)
 
ciao
ho provato e, parzialmente, fa quello che vorrei io.
dico parzialmente in quanto fa lo scrollinig top e non sono riuscito a fargli fare quello down, ne tantomeno left. poi, al contrario di marque, nel passaggio dall'ultima slide alla prima fa un salto (uno scatto/salto non molto piacevole) riapparendo la prima di colpo, marque al contrario "scopre" il bakground e la prima slide riappare quando l'ultima scompare

se sai darmi altre indicazione ti mando :beer:
 
mi dispiace, lo so che ci sono alcuni problemi specialmente lo "scatto" che dicevi...ma non sono stato in grado di risolvere, stesso discorso per lo scroll dows e left...vorrà dire che la :beer: la offro io:)
 
ciao
proverò a fare delle ricerche sul web
e se trovo qualcosa lo posto in modo che serva anche a qualcun altro.

p.s.
notavo adesso siamo vicini di casa
 
ciao
grazie, anche se lo conoscevo
io sto cercando uno che per immagini mi faccia
in un div : scroll=top
in un altro div : scroll= down
e nell'ultimo div : scroll left

ma guarda te qui ca....ni del wc3 :pernacchi col tag <marque> in 3 secondi si risolve, senza riempire la pagina di 40 righe (se non più) di js
 

Discussioni simili