MJ Right Click Menu

Menu dal tasto destro del mouse

Menu contestuale alla pagina che si apre al click del tasto destro del mouse. Compatibe solo con MS Internet Explorer. Realizzato con gli elenchi HTML, stilizzato con i CSS, funziona attraverso Javascript e l'interazione con i CSS, quindi in DHTML.

» Esempio » Download

Attenzione: copiando il codice dei menu dichiari di aver letto e compreso le note legali e di accettarle in ogni loro punto.

Codice HTML

Nome del file: menu.html

<html> <head> <title>Menu Javascript - Esempio</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" type="text/css" href="menu.css"> <script type="text/javascript" src="menu.js"></script> </head> <body> <div id="MJ_MainMenu"> <a href="#" class="MJ_LinkClass">Link 1</a> <a href="#" class="MJ_LinkClass">Link 2</a> <a href="#" class="MJ_LinkClass">Link 3</a> <a href="#" class="MJ_LinkClass">Link 4</a> <a href="#" class="MJ_LinkClass">Link 5</a> </div> <div id="MJ_Author"><b>MJ Right Click Menu</b> - Powered by <a href="http://www.menujavascript.org/" title="Menu Javascript">MenuJavascript.org</a></div> </body> </html>

Codice CSS

Nome del file: menu.css

/* STILI INDISPENSABILI PER IL MENU */ #MJ_MainMenu { visibility: hidden; position: absolute; } #MenuTxDx { position: Absolute; visibility: Hidden; background: #E0E0E0; padding: 3px 3px 3px 3px; width: 150px; border: Solid 1px #AAAAAA; } a.MJ_LinkClass, a.MJ_LinkClass:hover { display: block; position: relative; color: #000000; text-decoration: none; width: 150px; padding: 5px 0px 5px 5px; border-bottom: solid 1px #FFFFFF; } a.MJ_LinkClass { background: #EEEEEE; } a.MJ_LinkClass:hover { background: #DDDDDD; } /* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */ /* ALTRI STILI A CORREDO DELLA PAGINA DI ESEMPIO */ body { background: #FFFFFF; color: #000000; margin: 10px 10px 10px 10px; } div { font-size: 10px; font-family: verdana; } #MJ_Author { margin: 0px 0px 0px 0px; } a { color: #3366CC; text-decoration: underline; } a:hover { color: #DD0000; text-decoration: underlinene; }

Codice Javascript

Nome del file: menu.js