22. november 2001 - 14:43
Der er
5 kommentarer og
1 løsning
show / hide layer..
Jeg har et stykke html tekst,. jeg vil gerne have det sådan at når man kører musen over teksten vises / gemmes layeret. . Hvordan ?
22. november 2001 - 14:46
#1
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<html>
<STYLE TYPE=\"text/css\">
#divOne {position:absolute;left:100px;top:125px;visibility:hidden;clip:rect(0,125,25,0); background-color:#ffffff; layer-background-color:#ffffff;}
#divTwo {position:absolute;left:120px;top:150px;visibility:hidden;clip:rect(0,125,25,0); background-color:#ffffff; layer-background-color:#ffffff;}
#divThree {position:absolute;left:130px;top:175px;visibility:hidden;clip:rect(0,125,25,0); background-color:#ffffff; layer-background-color:#ffffff;}
#divFour {position:absolute;left:140px;top:200px;visibility:hidden;clip:rect(0,125,25,0); background-color:#ffffff; layer-background-color:#ffffff;}
</STYLE>
<SCRIPT LANGUAGE=\"JavaScript\" TYPE=\"text/javascript\">
<!--
var ns, ns6, ie;
ns = (document.layers) ? true : false;
ns6 = (document.getElementById) ? true : false;
ie = (document.all) ? true : false;
function showLayer( layer ){
if( ns ){
document.layers[layer].visibility = \"visible\";
} else if( ie ){
document.all[ layer ].style.visibility = \"visible\";
} else if( ns6 ){
document.getElementById(layer).style.visibility = \"visible\";
}
}
function hideLayer( layer ){
if( ns ){
document.layers[layer].visibility = \"hidden\";
} else if( ie ){
document.all[ layer ].style.visibility = \"hidden\";
} else if( ns6 ){
document.getElementById(layer).style.visibility = \"hidden\";
}
}
//-->
</SCRIPT>
<body>
<a href=\"java script:void(null);\" onMouseOver=\"showLayer(\'divOne\');\" onMouseOut=\"hideLayer(\'divOne\');\">Show/hide \'divOne\'</a>
<a href=\"java script:void(null);\" onMouseOver=\"showLayer(\'divTwo\');\" onMouseOut=\"hideLayer(\'divTwo\');\">Show/hide \'divTwo\'</a>
<a href=\"java script:void(null);\" onMouseOver=\"showLayer(\'divThree\');\" onMouseOut=\"hideLayer(\'divThree\');\">Show/hide \'divThree\'</a>
<a href=\"java script:void(null);\" onMouseOver=\"showLayer(\'divFour\');\" onMouseOut=\"hideLayer(\'divFour\');\">Show/hide \'divFour\'</a>
<div name=\"divOne\" id=\"divOne\">Insett din tekst her</div>
<div name=\"divTwo\" id=\"divTwo\">Insett din tekst her</div>
<div name=\"divThree\" id=\"divThree\">Insett din tekst her</div>
<div name=\"divFour\" id=\"divFour\">Insett din tekst her</div>
</body>
</html>