Cool menu

Commenter

Contenu du snippet


Source / Exemple : 


<html>
<head>
<title>Cool menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#0099FF" text="#000000">
<script language="JavaScript">
<!--
document.write('<STYLE TYPE=text/css>');
document.write('.ejs_mv3_styl_scroll {font-size:12px;font-family:Verdana;color:#ffffff;text-decoration:none}');
document.write('</STYLE>');

ejs_mv3_largeur = 110;
ejs_mv3_hauteur = 120;
ejs_mv3_bgcolor = '#0099FF';

/* LISTE DES MENU */

ejs_mv3_menu = new Array;

ejs_mv3_menu[0] = '<b>Accueil</b>';
ejs_mv3_menu[1] = '<b>Scripts</b>';
ejs_mv3_menu[2] = '<b>Services</b>';
ejs_mv3_menu[3] = '<b>Liens</b>';
ejs_mv3_menu[4] = '<b>Contact</b>';
/* LISTE DES LIENS */

ejs_mv3_lien = new Array;

ejs_mv3_lien[0] = ''
ejs_mv3_lien[0] += '<br><a href="">LINK1</a><bR><a href="">LINK2</a><bR><a href="">LINK3</a>';

ejs_mv3_lien[1] = ''
ejs_mv3_lien[1] += '<BR><a href="">LINK1</a><br><a href="">LINK2</a><bR><a href="">LINK3</a>';

ejs_mv3_lien[2] = ''
ejs_mv3_lien[2] += '<BR><a href="">LINK1</a><br><a href="">LINK2</a><bR><a href="">LINK3</a>';

ejs_mv3_lien[3] = ''
ejs_mv3_lien[3] += '<BR><a href="">LINK1</a><br><a href="">LINK2</a><bR><a href="">LINK3</a>';

ejs_mv3_lien[4] = ''
ejs_mv3_lien[4] += '<BR><a href="">LINK1</a><br><a href="">LINK2</a><bR><a href="">LINK3</a>';

function d(texte)
	{
	document.write(texte);
	}

d('<DIV ID=ejs_mv3_relativ STYLE="position:relative;width:'+ejs_mv3_largeur+';height:'+ejs_mv3_hauteur+'">');
d('<DIV ID=ejs_mv3_cadre STYLE="position:absolute;width:'+(ejs_mv3_largeur-8)+';height:'+(ejs_mv3_hauteur-8)+';top:4;left:4;clip:rect(0 '+(ejs_mv3_largeur-8)+' '+(ejs_mv3_hauteur-8)+' 0)">');
d('<div id=ejs_mv3_scroll_1 style="position:absolute;width:'+(ejs_mv3_largeur-8)+';left:0;top:0;" CLASS=ejs_mv3_styl_scroll>Chargement du menu ...</DIV>');
d('<div id=ejs_mv3_scroll_2 style="position:absolute;width:'+(ejs_mv3_largeur-8)+';top:0;left:'+ejs_mv3_largeur+';" CLASS=ejs_mv3_styl_scroll></DIV>');
d('</DIV></DIV>');

ejs_mv3_mode = 1;
ejs_mv3_actuel = 0;

function ejs_mv3_show(menu)
	{
	if(menu == "menu")
		{
	 	var html = "<TABLE BORDER=0 BORDERCOLOR=red WIDTH=100% CELLSPACING=1 BGCOLOR="+ejs_mv3_bgcolor+">";
		for(a=0;a<ejs_mv3_menu.length;a++)
			{
			html += '<TR><TD BGCOLOR="#00ff00"><A HREF=# onClick=\'ejs_mv3_show('+a+');return(false)\' CLASS=ejs_mv3_styl_scroll><font color=blue>'+ejs_mv3_menu[a]+'</font></A></TD></TR>';
			}
		html += "</TABLE>";
		document.getElementById("ejs_mv3_scroll_1").innerHTML = html;
		if(ejs_mv3_mode == 2)
			ejs_mv3_action(1);
		}
	else
		{
		var html = "<TABLE WIDTH=100% HEIGHT="+(ejs_mv3_hauteur-15)+" BORDER=0 BORDERCOLOR=green  CELLSPACING=2 BGCOLOR=red><TR><TD HEIGHT=20 ALIGN=center CLASS=ejs_mv3_styl_scroll>"+ejs_mv3_menu[menu]+"</TD></TR><TR><TD HEIGHT="+(ejs_mv3_hauteur-55)+" VALIGN=top CLASS=ejs_mv3_styl_scroll>"+ejs_mv3_lien[menu]+"</TD></TR><TR><TD HEIGHT=20 CLASS=ejs_mv3_styl_scroll><A HREF=# onClick='ejs_mv3_show(\"menu\");return(false)' CLASS=ejs_mv3_styl_scroll><b><<<</b></A></TD></TR></TABLE>";
		document.getElementById("ejs_mv3_scroll_2").innerHTML = html;
		if(ejs_mv3_mode == 1)
			ejs_mv3_action(2);
		}
	}
ejs_mv3_cursor = ejs_mv3_largeur;

function ejs_mv3_action(action)
	{
	if(action == 2)
		{
		if(ejs_mv3_cursor>0)
			{
			ejs_mv3_cursor -= 10;
			document.getElementById("ejs_mv3_scroll_1").style.left = ejs_mv3_cursor-ejs_mv3_largeur;
			document.getElementById("ejs_mv3_scroll_2").style.left = ejs_mv3_cursor;
			setTimeout("ejs_mv3_action("+action+")",1);
			ejs_mv3_mode = 2;
			}
		}
	else
		{
		if(ejs_mv3_cursor<ejs_mv3_largeur)
			{
			ejs_mv3_cursor += 10;
			document.getElementById("ejs_mv3_scroll_1").style.left = ejs_mv3_cursor-ejs_mv3_largeur;
			document.getElementById("ejs_mv3_scroll_2").style.left = ejs_mv3_cursor;
			setTimeout("ejs_mv3_action("+action+")",1);
		ejs_mv3_mode = 1;
			}
		}
	}

window.onload = new Function("ejs_mv3_show('menu')");
//-->
</script>

</body>
</html>

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (cs_mekki)