15 fevereiro 2014

MENU EM OUTRA JANELINHA


Este código gera um Menu diferente que se abre em outra janela. O menu é totalmente editável e muito bom para economia de espaço. Copie o código abaixo e cole em um gadget - html - java.



---------------------------------------------------
<script language="JavaScript">



<!-- Begin

var X = 200; // change the # at the left for a fixed X co-ordinate to accommodate browsers other than IE or NS

var Y = 200; // change the # at the left for a fixed Y co-ordinate to accommodate browsers other than IE or NS



if (navigator.appName.indexOf("Netscape")!=-1) {

document.captureEvents(Event.MOUSEMOVE)

function getcoords(e) {

X = parseInt(e.screenX) - 80; // change the # at the left to further adjust the left-margin depending on the size of the window

Y = parseInt(e.screenY) - 60; // change the # at the left to further adjust the top-margin depending on the size of the window

return true;}

document.onmousemove = getcoords;



function openWin() {



if (navigator.appName.indexOf("Microsoft")!=-1) {

X = parseInt(event.screenX) - 80; // change the # at the left to further adjust the left-margin depending on the size of the window

Y = parseInt(event.screenY) - 60; } // change the # at the left to further adjust the top-margin depending on the size of the window

display=window.open('','NewWin','menubar=0,location=no,status=no,directories=no,toolbar=no,scrollbars=yes,height=110,width=190')

message="<font face='verdana, arial, helvetica, san-serif' size='2'><form>";

message+="<input type='checkbox' onClick=window.open('http://cacema.blogspot.com/','') onBlur='window.close();' />CACEMA<br />";

message+="<input type='checkbox' onClick=window.open('http://dr-misterblog.blogspot.com/','') onBlur='window.close();' />Dr MisterBlog<br />";

message+="<input type='checkbox' onClick=window.open('http://cacema.blogspot.com/','') onBlur='window.close();' />CACEMA<br />";

message+="<input type='checkbox' onClick=window.open('http://dr-misterblog.blogspot.com/','') onBlur='window.close();' />Dr MisterBlog<br />";

message+="</form></font>";

display.moveTo(X,Y);

display.document.write(message); }

}



// End -->

</script>


<form>

<input type="button" value="---ABRINDO MENU---" onclick="openWin()" />

</form>
---------------------------------------------------

Troque os links em vermelho e o nome do botão em azul para o que você quiser.
Até a próxima...



CRÉDITOS: http://dr-misterblog.blogspot.com.br/
Neste blog você encontra muitos tutoriais ótimos.

Nenhum comentário:

Postar um comentário