Faire un footer Slide

**Likeo** · 22/12/2009, 02h29

Bonsoir à tous,

J'aurais besoin d'un "help" parce que sur mon pré-alpha site v -3 donc:

j'ai mis un footer fixé donc en bas ou je met cherpas quoi copyright auteur ect... et je voulais que en survolant cette barre (onmouseover=) afficher une div qui "slide

" vers le haut puis quand j'ote ma souris elle reslide vers le bas.

Vous n'avez rien compris ?

Voilà un ptit shéma

N'empêche avouez ! Mon schéma est terrible

Qui saurait coment procéder et que choisir (jQuery,scriptaculous ?...)

Bien le merci.

**SpaceFrog** · 22/12/2009, 16h52

J'en ai déja donné le source dans ce forum ... Une petite recherche devrait te mener au bon post ...

**Likeo** · 22/12/2009, 18h34

Ok merci l'Admin père noël grenouille de l'espace J'vais chercher ca !

**SpaceFrog** · 22/12/2009, 20h48

Perso je ne l'ai pas retrouvé en cherchant sur le forum ça doit remonter à plusieurs années maintenant, mais de mémoire ça devait être un truc un peu de ce style :

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
61
62
63
64
65
66
67
68
69
70
71
<html>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
 
<title>Nouvelle page 1</title>
<style type="text/css">
html, body {
	height:100%
	width:100%;
	}
body{
	overflow:hidden;
	margin:0;
	}
 
#footer { position:absolute;
			bottom:-75px;
			background-color:pink;
			height:100px;
			width:100%;
			}
 
#contenu {	height:25px;
			background-color:red;}
 
</style>
<script type="text/javascript">
var running
var start, finish, span, pos, action
var way=1
 
function up(obj){
   	pos=parseInt(obj.offsetTop,10)
	if(pos>finish){ obj.style.top=pos-1+"px"; }
	else{ way=0;
		  clearInterval(myaction);
		  running=false;
		  }
	}
 
function down(obj){
	pos=parseInt(obj.offsetTop,10)
	if(pos<finish){
		obj.style.top=pos+1+"px"}
	else{ way=1;
		  clearInterval(myaction);	
		  running=false;}
	}
 
function launch(mydiv,Do){
if (running==true){return false;}
running=true
span=parseInt(mydiv.offsetHeight,10)
start=parseInt(mydiv.offsetTop,10)
finish=(way==1)?start-span+25:start+span-25
myaction=(Do=='up')?setInterval(function(){up(mydiv)},1): setInterval(function(){ down(mydiv)},1);
}
 
</script>
 
</head>
 
<body >
<div id="footer" onmouseover="launch(this,'up')" onmouseout="launch(this,'down')">
<div id="contenu"> le footer </div>
la partie cachée
</div>
</body>
 
</html>

Faire un footer Slide

JavaScript

Discussions similaires

Partager

Partager