Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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
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
eu gosto muito desta opcao, da mais funcionabilidade ao site...
Alica CWB
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....