Si è da modificare il codice css per che venga al passaggio sopra a una parola,comunque da quanto ho capito come lo vuoi fare devi trovarti sempre le cordinate con i css un esempio può essere questo
Codice PHP:
<html>
<head>
<title>IMMAGINI SPECIALI</title>
<style>
#j_base {position: fixed;
top: 280px;
right: 5px;
background-color:#000000;
height: 20px;
width: 150px;
background: #EEEEEE; /* definisce il colore di sfondo */
color: #000000; /* definisce il colore della voce del menu */
font-size: 11px; /* definisce le dimensioni del testo */
font-family: Verdana; /* definisce il carattere utilizzato */
width: 130px; /* definisce la larghezza del layer */
padding: 3px; /* definisce l'area interna del singolo link */
border-top: Solid 1px #CCCCCC; /* definisce il bordo superiore */
border-left: Solid 1px #CCCCCC; /* definisce il bordo sinistro */
border-right: Solid 1px #CCCCCC; /* definisce il bordo destro */
cursor: Default; /* definisce il puntatore del mouse */
}
#j_compare {position: absolute;
top: 5px;
left: 155px;
background-color: #0099ff;
width: 200px;
text-align: left;
visibility: hidden;
padding: 2px;
border-color: #CCCCCC;
border-style: solid;
border-width: 1px;
z-index: 9;
overflow: hidden;
}
#j_compare1 {position: absolute;
top: 25px;
left: 155px;
background-color: #f376ff;
width: 200px;
text-align: left;
visibility: hidden;
padding: 2px;
border-color: #CCCCCC;
border-style: solid;
border-width: 1px;
z-index: 9;
overflow: hidden;
}
</style>
<script>
function MenuTxDx() {
var sinistra = window.event.x;
var sopra = window.event.y;
menu.style.display = "";
pos.style.left = sinistra;
pos.style.top = sopra;
return false;
}
function link(url) {
location.href = url;
}
var intervallo_hide;
var intervallo_show;
function crea(id_div, alt_max) {
var test = document.getElementById(id_div).style;
var altezza = test.height;
var lungh_stringa = altezza.length;
var pos_px = eval(lungh_stringa - 2);
var altez = altezza.substring(0,pos_px);
var alt = parseInt(altez);
if(alt < alt_max) {
alt = eval(alt+10);
test.height = alt + "px";
}
if(alt > 200) {
clearInterval(intervallo_show);
alert(test.height);
}
}
function distruggi(id_div) {
var test = document.getElementById(id_div).style;
var altezza = test.height;
var lungh_stringa = altezza.length;
var pos_px = eval(lungh_stringa - 2);
var altez = altezza.substring(0,pos_px);
var alt = parseInt(altez);
if(alt > 0) {
alt = eval(alt-10);
test.height = alt + "px";
}
if(alt < 0 || alt == 0) {
test.visibility = "hidden";
test.height = "0px";
clearInterval(intervallo_hide);
}
}
function show() {
clearInterval(intervallo_hide);
document.getElementById('j_compare').style.visibility = "visible";
intervallo_show = setInterval("crea('j_compare', 200)", 15 );
}
function show1() {
clearInterval(intervallo_hide);
document.getElementById('j_compare1').style.visibility = "visible";
intervallo_show = setInterval("crea('j_compare1', 200)", 15 );
}
function hide() {
clearInterval(intervallo_show);
intervallo_hide = setInterval("distruggi('j_compare')", 5 );
}
function hide1() {
clearInterval(intervallo_show);
intervallo_hide = setInterval("distruggi('j_compare1')", 5 );
}
</script>
<body onContextMenu="return MenuTxDx()" onClick="menu.style.display='None'">
<div id="menu" style="display: None;">
<div id ="pos" style="position: Absolute;">
<div class="j_base"
onMouseOver="this.style.color='#FFFFFF';this.style.background='#003366';show() "
onMouseOut="this.style.color='#000000';this.style.background='#EEEEEE';hide() "
onClick="link('http://www.html.it')">homepage
</div>
<div class="j_base"
onMouseOver="this.style.color='#FFFFFF';this.style.background='#003366';show1() "
onMouseOut="this.style.color='#000000';this.style.background='#EEEEEE';hide1() "
onClick="link('http://www.html.it')">forum
</div>
<div id="j_compare" style="height:0px;" onmouseover="show();" onmouseout="hide();">esempio 1</div>
<div id="j_compare1" style="height:0px;" onmouseover="show1();" onmouseout="hide1();">esempio 2</div>
</div>
</div>
</body>
</html>
Come vedi devi crearti tante funzioni show() e hide() e stili css quanti sono i menù dinamici che vuoi crearti,per le posizioni devi provare e riprovare a modificare le coordinate nei css finchè non trovi le giuste distanze
Permessi di invio
Rispondi quotando