Baixe o app para aproveitar ainda mais
Leia os materiais offline, sem usar a internet. Além de vários outros recursos!
Menu Bar 1
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Compartilhar
Prévia do material em texto
Menu Bar I
Descrição: Uma barra de menu que automaticamente desliza e se abre
da margem esquerda da tela quando o mouse passa acima dela.
Movendo o mouse para fora do menu, ele irá fechar automaticamente.
Se o seu Browser não é NS 4 ou superior ou IE 4 ou superior
simplesmente você não verá nada.
Parte1: Insira este código dentro da seção <head> da sua página:
<style>
<!--
#slidemenubar, #slidemenubar2{
position:absolute;
left:-155px;
width:160px;
top:170px;
border:1.5px solid green;
background-color:lightyellow;
layer-background-color:lightyellow;
font:bold 12px Verdana;
line-height:20px;
}
-->
</style>
Parte2: Finalmente, insira entre a seção <body> da sua página:
<script language="JavaScript1.2">
/*Menu Bar Script-
scriptshelp - O Seu Portal
www.scriptsheml.hpg.com.br / www.scriptshelp.hpg.com.br
*/
if (document.all)
document.write('<div id="slidemenubar2" style="left:-150"
onMouseover="pull()" onMouseout="draw()">')
</script>
<layer id="slidemenubar" onMouseover="pull()" onMouseout="draw()">
<script language="JavaScript1.2">
var sitems=new Array()
var sitemlinks=new Array()
//A lista vai aqui.
sitems[0]="teste"
sitems[1]="teste"
sitems[2]="teste"
sitems[3]="teste"
sitems[4]="teste"
sitems[5]="teste"
sitems[6]="teste"
sitems[7]="teste"
sitems[8]="teste"
sitems[9]="teste"
sitems[10]="teste"
sitems[11]="teste"
sitems[12]="teste"
//Os links vão aqui.
sitemlinks[0]="http://www.scriptshelp.hpg.com.br"
sitemlinks[1]="http://www.scriptshelp.hpg.com.br"
sitemlinks[2]="http://www.scriptshelp.hpg.com.br"
sitemlinks[3]="http://www.scriptshelp.hpg.com.br"
sitemlinks[4]="http://www.scriptshelp.hpg.com.br"
sitemlinks[5]="http://www.scriptshelp.hpg.com.br"
sitemlinks[6]="http://www.scriptshelp.hpg.com.br"
sitemlinks[7]="http://www.scriptshelp.hpg.com.br"
sitemlinks[8]="http://www.scriptshelp.hpg.com.br"
sitemlinks[9]="http://www.scriptshelp.hpg.com.br"
sitemlinks[10]="http://www.scriptshelp.hpg.com.br"
sitemlinks[11]="http://www.scriptshelp.hpg.com.br"
sitemlinks[12]="http://www.scriptshelp.hpg.com.br"
for (i=0;i<=sitems.length-1;i++)
document.write('<a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>')
</script>
</layer>
<script language="JavaScript1.2">
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",400)
}
window.onload=regenerate2
if (document.all){
document.write('</div>')
themenu=document.all.slidemenubar2.style
rightboundary=0
leftboundary=-150
}
else{
themenu=document.layers.slidemenubar
rightboundary=150
leftboundary=10
}
function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval("pullengine()",50)
}
function draw(){
clearInterval(pullit)
drawit=setInterval("drawengine()",50)
}
function pullengine(){
if (document.all&&themenu.pixelLeft<rightboundary)
themenu.pixelLeft+=5
else if(document.layers&&themenu.left<rightboundary)
themenu.left+=5
else if (window.pullit)
clearInterval(pullit)
}
function drawengine(){
if (document.all&&themenu.pixelLeft>leftboundary)
themenu.pixelLeft-=5
else if(document.layers&&themenu.left>leftboundary)
themenu.left-=5
else if (window.drawit)
clearInterval(drawit)
}
</script>Perguntas relacionadas
Compartilhar