Ciao a tutti!!!
Mi piacerebbe che al passaggio del mouse su un' immagine comparisse qualcosa si scritto
per esempio ci sono dei menu' dove se passi col mouse ti dice cosa sono.
A me serve x scrivere delle descrizioni ma non ci deve essere nessun collegamento ipertestuale.
Sapete dirmi il codice x favore?
Grazie
per le immagini, devi inserire nel tag img l'attributo "alt"
grazie x la risposta ma sono novellina e non ho capito
In pratica devo far sembrare ke un personaggio (messo in un a foto) descriva il sito, cosikke' al passaggio del mouse su questo personaggio compaia la descrizione.
[img]tuafoto.jpg[/img] farà apparire il classico box giallo per alcuni secondi. altrimenti, se ti serve qualcosa di più eleborato, devi ricorrere a qualche javascript
alt è usato per il testo alternativo, anche se exploder lo fa vedere lo stesso... per far apparire la scritta gialla si usa title.
Grazie ma effettivamente me servire qualcosa che rimanga finkè il mouse è sulla foto e vorrei ke la cornice fosse piu' carina...
Guarda qui!
LINKS TESTUALI DOTATI DI FUMETTO CON DESCRIZIONE DEL COLLEGAMENTO
http://www.asbafo.net/java/ja_615/ja_615.html
<script language="javaScript">
<!-- Beginning of JavaScript -
// CREDITS:
// PopupTicker describing all your links onmouseover by Urs Dudli and Peter Gehrig
// Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.24fun.com.
// info@24fun.ch
// 8/1/2000
// IMPORTANT:
// If you add this script to a script-library or a script-archive
// you have to insert a link to http://www.24fun.com right into the webpage where the script
// will be displayed.
var tickerwidth=120
var tickerheight=60
var tickerpadding=5
var borderwidth=2
var fnt="Verdana"
var fntsize=8
var fntsizelastletter=8
var fntcolor="008800"
var fntcolorlastletter="00AA00"
var fntweight=3
var backgroundcolor="CCFFCC"
var standstill=2000
var speed=40
var xdistance=80
var ydistance=-70
var timer
var topposition=0
var leftposition=0
var x,y
var i_substring=0
var i_presubstring=0
var i_message=0
var message
var messagecontent=""
var messagebackground=""
var messagepresubstring=""
var messageaftersubstring=""
fntweight=fntweight*100
function getmessagebackground() {
messagebackground="<table border="+borderwidth+" width="+tickerwidth+" height="+tickerheight+" cellspacing=0 cellpadding=0><tr><td valign=top bgcolor='"+backgroundcolor+"'>"
messagebackground+="</td></tr></table>"
}
function getmessagecontent() {
messagecontent="<table border=0 cellspacing=0 cellpadding="+tickerpadding+" width="+tickerwidth+" height="+tickerheight+"><tr><td valign=top>"
messagecontent+="<span style='position:relative; font-family:"+fnt+";color:"+fntcolor+";font-size:"+fntsize+"pt;font-weight:"+fntweight+"'>"
messagecontent+="<font color='"+fntcolor+"'>"
messagecontent+=messagepresubstring
messagecontent+="</font>"
messagecontent+="</span>"
messagecontent+="<span style='position:relative; font-family:"+fnt+";color:"+fntcolor+";font-size:"+fntsizelastletter+"pt;font-weight:900'>"
messagecontent+="<font color='"+fntcolorlastletter+"'>"
messagecontent+=messageaftersubstring
messagecontent+="</font>"
messagecontent+="</span>"
messagecontent+="</td></tr></table>"
}
function showticker() {
if (i_substring<=message.length-1) {
i_substring++
i_presubstring=i_substring-1
if (i_presubstring<0) {i_presubstring=0}
messagepresubstring=message.substring(0,i_presubst ring)
messageaftersubstring=message.substring(i_presubst ring,i_substring)
getmessagecontent()
if (document.all) {
ticker.innerHTML=messagecontent
timer=setTimeout("showticker()", speed)
}
if (document.layers) {
document.ticker.document.write(messagecontent)
document.ticker.document.close()
timer=setTimeout("showticker()", speed)
}
}
else {
clearTimeout(timer)
}
}
function hideticker() {
clearTimeout(timer)
i_substring=0
i_presubstring=0
if (document.all) {
document.all.ticker.style.visibility="hidden"
document.all.tickerbg.style.visibility="hidden"
}
if (document.layers) {
document.ticker.visibility="hidden"
document.tickerbg.visibility="hidden"
}
}
function showmessage(linkmessage) {
getmessagebackground()
message=linkmessage
i_substring=0
i_presubstring=0
leftposition=x+xdistance
topposition=y+ydistance
if (document.all) {
document.all.ticker.style.posLeft=leftposition
document.all.ticker.style.posTop=topposition
document.all.tickerbg.style.posLeft=leftposition
document.all.tickerbg.style.posTop=topposition
tickerbg.innerHTML=messagebackground
document.all.ticker.style.visibility="visible"
document.all.tickerbg.style.visibility="visible"
showticker()
}
if (document.layers) {
document.ticker.left=leftposition
document.ticker.top=topposition
document.tickerbg.left=leftposition
document.tickerbg.top=topposition
document.tickerbg.document.write(messagebackground )
document.tickerbg.document.close()
document.ticker.visibility="visible"
document.tickerbg.visibility="visible"
showticker()
}
}
function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
// - End of JavaScript - -->
</script>
------- FINE CODICE DA COPIARE NELL'INTESTAZIONE (tra <head> e </head>) --------
SECONDA FASE
------- INIZIO CODICE DA COPIARE NEL CORPO DELLA PAGINA (tra <body> e </body>) --------
<div ID="tickerbg" style="position:absolute;"></div><div ID="ticker"
style="position:absolute;"></div>
------- FINE CODICE DA COPIARE NEL CORPO DELLA PAGINA (tra <body> e </body>) --------
TERZA FASE
----------INIZIO CODICE DA COPIARE PER OGNI COLLEGAMENTO IPERTESTUALE------------
Collegamento 2
Vorrei ke partisse tutto da un' immagine e non da una scritta.
Pensi sia modificabile?
Ciao maysha,
Anche a me servirebbe questo script con la modifica per le immagini.
Tu hai risolto?
Se si, puoi postare lo script?
Grazie mille..
Ciao maysha,
Sono riuscito a farlo.
lo vuoi?
Permessi di invio
Rispondi quotando