salut,

j'ai un menu animé avec jqury

qui a ce code
pour css
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<style type='text/css'>
 
 
body{background:#586889;font-family:Arial, Helvetica, sans-serif; font-size:12px;}
ul, li{margin:0; padding:0; list-style:none;}
 
.menu_head{border:1px solid #998675;}
.menu_body {display:none; width:184px;border-right:1px solid #998675;border-bottom:1px solid #998675;border-left:1px solid #998675; }
.menu_body li{background:#493e3b;}
.menu_body li.alt{background:#362f2d;}
.menu_body li a{color:#FFFFFF; text-decoration:none; padding:10px; display:block;}
.menu_body li a:hover{padding:15px 10px; font-weight:bold;}
 
 
.menu_head1{border:1px solid #998675;}
.menu_body1 {display:none; width:184px;border-right:1px solid #998675;border-bottom:1px solid #998675;border-left:1px solid #998675;}
.menu_body1 li{background:#493e3b;}
.menu_body1 li.alt{background:#362f2d;}
.menu_body1 li a{color:#FFFFFF; text-decoration:none; padding:10px; display:block;}
.menu_body1 li a:hover{padding:15px 10px; font-weight:bold;}
 
 
.menu_head2{border:1px solid #998675;}
.menu_body2 {display:none; width:184px;border-right:1px solid #998675;border-bottom:1px solid #998675;border-left:1px solid #998675;}
.menu_body2 li{background:#493e3b;}
.menu_body2 li.alt{background:#362f2d;}
.menu_body2 li a{color:#FFFFFF; text-decoration:none; padding:10px; display:block;}
.menu_body2 li a:hover{padding:15px 10px; font-weight:bold;}
 
 
.menu_head3{border:1px solid #998675;}
.menu_body3 {display:none; width:184px;border-right:1px solid #998675;border-bottom:1px solid #998675;border-left:1px solid #998675;}
.menu_body3 li{background:#493e3b;}
.menu_body3 li.alt{background:#362f2d;}
.menu_body3 li a{color:#FFFFFF; text-decoration:none; padding:10px; display:block;}
.menu_body3 li a:hover{padding:15px 10px; font-weight:bold;}
</style>

pour javascript
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<script type="text/javascript">
$(document).ready(function () {
	$("ul.menu_body li:even").addClass("alt");
    $('img.menu_head').click(function () {
	$('ul.menu_body').slideToggle('medium');
    });
	$('ul.menu_body li a').mouseover(function () {
	$(this).animate({ fontSize: "14px", paddingLeft: "20px" }, 50 );
    });
	$('ul.menu_body li a').mouseout(function () {
	$(this).animate({ fontSize: "12px", paddingLeft: "10px" }, 50 );
    });
});
</script>
 
<script type="text/javascript">
$(document).ready(function () {
	$("ul.menu_body1 li:even").addClass("alt");
    $('img.menu_head1').click(function () {
	$('ul.menu_body1').slideToggle('medium');
    });
	$('ul.menu_body1 li a').mouseover(function () {
	$(this).animate({ fontSize: "14px", paddingLeft: "20px" }, 50 );
    });
	$('ul.menu_body1 li a').mouseout(function () {
	$(this).animate({ fontSize: "12px", paddingLeft: "10px" }, 50 );
    });
});
</script>
 
<script type="text/javascript">
$(document).ready(function () {
	$("ul.menu_body2 li:even").addClass("alt");
    $('img.menu_head2').click(function () {
	$('ul.menu_body2').slideToggle('medium');
    });
	$('ul.menu_body2 li a').mouseover(function () {
	$(this).animate({ fontSize: "14px", paddingLeft: "20px" }, 50 );
    });
	$('ul.menu_body2 li a').mouseout(function () {
	$(this).animate({ fontSize: "12px", paddingLeft: "10px" }, 50 );
    });
});
</script>
 
<script type="text/javascript">
$(document).ready(function () {
	$("ul.menu_body3 li:even").addClass("alt");
    $('img.menu_head3').click(function () {
	$('ul.menu_body3').slideToggle('medium');
    });
	$('ul.menu_body3 li a').mouseover(function () {
	$(this).animate({ fontSize: "14px", paddingLeft: "20px" }, 50 );
    });
	$('ul.menu_body3 li a').mouseout(function () {
	$(this).animate({ fontSize: "12px", paddingLeft: "10px" }, 50 );
    });
});
 
</script>
pour html :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<div class="container">
<table>
<tr>
<td>
<img src="navigate.png" width="184" height="32" class="menu_head" />
<ul class="menu_body">
<li><a href="http://www.google.tn">XHTML</a></li>
<li><a href="./Acceuil.html">HTML</a></li>
 
<li><a href="./test.html">Difference XHTML-HTML</a></li>
<li><a href="./test2.html">HTML 5</a></li>
 
 
</ul>
</td>
 
<td>
<img src="navigate.png" width="184" height="32" class="menu_head1" />
<ul class="menu_body1">
<li><a href="#">Windows XP</a></li>
<li><a href="../windows7.php">Windows 7</a></li>
<li><a href="../unix.php">Unix</li>
 
</ul>
</td>
 
<td>
<img src="navigate.png" width="184" height="32" class="menu_head2" />
<ul class="menu_body2">
<li><a href="#">Word 2003</a></li>
<li><a href="#">Excel 2003</a></li>
<li><a href="#">PowerPoint 2003</li>
 
</ul>
</td>
 
<td>
<img src="navigate.png" width="184" height="32" class="menu_head3" />
<ul class="menu_body3">
 
 
<li><a href="#">Fichiers PSD 2003</li>
<li><a href="#">Icones</a></li>
<li><a href="#">Icones Facebook</a></li>
<li><a href="#">Icones Twitter</li>
</ul>
</td>
</tr>
 
 
 
</table>

après l'exécution de ce code est quand je clique sur l'un de quatre navigate

la page se déplace vers le bas

je veux juste quand je clique dans navigate la page reste fixe (bien sur il m'affiche les lien relative a cet navigate )


merci d'avance