Salve a tutti.

Sono un principiante in html e sto muovendo i miei primissimi passi in js.
Mi sto esercitando con un menu effetto dropdown del quale vorrei ritardare la comparsa e la scomparsa della “tendina”.

Dopo tanti consigli raccolti sul web, mi sono deciso ad utilizzare jquery perché, secondo come se ne parla, sembra adatto a chi come me non ha dimestichezza con js.
Ho scaricato la library (ultima versione) dal sito di jquery e ho inserito nella pagina html lo script per collegare la pagina alla library.

Poi ho cercato nello stesso jquery degli script semplici (per poterli almeno comprenderli in parte) che facessero al caso mio. Il tutto però non funziona.
Dopo tante parole, ecco il codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Prova con jQuery</title>
<link rel="stylesheet" href="stile.css" type="text/css" media="screen" />
<link type="text/css" rel="stylesheet" href="prova_style.css" />
<script src="jquery.js" type="text/javascript"></script>
<script src="prove.js" type="text/javascript"></script>
</head>

<body>

<script type="text/javascript">
$('#hormenu').hover(function(){
$('#hormenu').delay(10000).fadeIn('slow');
});
</script>


<div id="hormenu">

<ul>
[*]Home
<ul> [*]Homepage[*]a[*]b[*]c[*]d[*]e[/list]

[*]Offerte
<ul> [*]a[*]b[*]c[/list]

[/list]

</div>

</body>
</html>

Sarò grato a chiunque vorrà aiutarmi, soprattutto perché sono tre giorni (e svariati script tentati) che non ne vengo a capo.

Grazie mille in anticipo

Alx17