Olá pessoal, a seguir apresento um exemplo de como trabalhar com layers, otimizando a página html ou ASP.
<body onLoad="Carrega()">
<style type="text/css">.estilo_botao { font-family: verdana; font-size: 8pt; color: #000000; background-color: #CCCC00; border: #333333; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}</style>
<script language="javascript">
function Carrega()
{
LAYER1.style.display = 'none';
LAYER2.style.display = 'none';
}
var FlagEstado = 0;
function Muda()
{
LAYER1.style.display = 'none';
if (FlagEstado=='0')
{
FlagEstado = 1;
bot.value = 'LAYER 1';
LAYER1.style.display = '';
LAYER2.style.display = 'none';
}
else
{
FlagEstado = 0;
bot.value = 'LAYER 2';
LAYER1.style.display = 'none';
LAYER2.style.display = '';
}
}
</script>
<br>
<input type=button id=bot onClick="Muda()" class="estilo_botao">
<br>
<br>
<div id=LAYER1><b><font color="#000099" face="Verdana, Arial, Helvetica, sans-serif">LAYER
1</font></b></div>
<div id=LAYER2><font color="#990099" size="3" face="Verdana, Arial, Helvetica, sans-serif"><b>LAYER
2</b></font></div>
</body>
0 comentários:
Postar um comentário