Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

wenderlan

como fazer este menu do direito do mouse

Recommended Posts

Bom pessoal gostaria de saber se alguem saber como se faz este menu que aparece quando você clica com o direito do mouse neste site

 

http://www.kono.blogger.com.br

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tem em javascript.

 

tenta la no ScriptFacil, mas acho que dá pra fazer com o DW, com os Beahviors(acho que assim que escreve).

 

colocar, que quando clicar com botão direto, abra camada....

Compartilhar este post


Link para o post
Compartilhar em outros sites

Seguinte,

o que tenho, é em dhtml, veja se serve:

 

 

Abaixo você tem uma folha de estilo, é nele que você irá definir o tamanho do quadro, bem como a cor e em que posição irá aparecer

<!-- Codigo copiado do site www.DHTML Shock.com

Testado e adptado por SITENOVO - net community

http://www.sitenovo.tk - sitenovo@ig.com.br -->

<STYLE>

#contextMenu {

position: absolute;

visibility: hidden;

width: 120px;

background-color: lightgrey;

layer-background-color: lightgrey;

border: 2px outset white;

}

 

.A:Menu {

color: black;

text-decoration: none;

cursor: default;

width: 100%

}

 

.A:MenuOn {

color: white;

text-decoration: none;

background-color: darkblue;

cursor: default;

width: 100%

}

</STYLE>

 

 

 

Abaixo é o script que irá fazer funcionar de fato, a animação do texto de ficar corrente verticalmente pelo quadro

<script>

var menu;

function showMenu (evt) {

if (document.all) {

document.all.contextMenu.style.pixelLeft = event.clientX;

document.all.contextMenu.style.pixelTop = event.clientY;

document.all.contextMenu.style.visibility = 'visible';

return false;

}

else if (document.layers) {

if (evt.which == 3) {

document.contextMenu.left = evt.x;

document.contextMenu.top = evt.y;

document.contextMenu.onmouseout =

function (evt) { this.visibility = 'hide'; };

document.contextMenu.visibility = 'show';

return false;

}

}

return true;

}

if (document.all)

document.oncontextmenu =showMenu;

if (document.layers) {

document.captureEvents(Event.MOUSEDOWN);

document.onmousedown = showMenu;

}

</SCRIPT>

</head>

 

 

Abaixo é onde você irá colocar o link e o texto p/ o link, poderá acrescentar tantos quantos links desejar, desde que, siga o mesmo modelo do primeiro ou o segundo mostrado abaixo!

<DIV ID="contextMenu"

ONMOUSEOUT="menu = this; this.tid = setTimeout

('menu.style.visibility = \'hidden\'', 20);"

ONMOUSEOVER="clearTimeout(this.tid);"

>

<A HREF="http://nirvana.media3.net";

ONMOUSEOVER="this.className = 'menuOn'"

ONMOUSEOUT="this.className = 'menu';"

>

Visit Nirvana

</A>

<BR>

<A HREF="http://oneproject.net";

ONMOUSEOVER="this.className = 'menuOn'"

ONMOUSEOUT="this.className = 'menu';"

>

Visit One Project

</A>

</DIV>

 

 

[]s

rodney

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.