Application mobile : créer une barre qui remonte lorsqu'on clique dessus

**sabeur88** · 17/10/2012, 12h45

bonjour les amis, j'espere que vous allez bien.

Alors voila c'est pour la 2eme fois que je pose une question et j’espère avoir une réponse comme l'autre fois.

En effet je suis entrain de réaliser une application mobile multiplateforme (HTML5 , CSS3, Javascript ) avec phonegap.
je veux faire en bas de l'interface, une barre que lorsqu'on clique dessus, elle remonte en haut pour afficher le bouton déconnecter (par exemple).
Cette exemple on le trouve beaucoup dans les applications mobile mais vraiment j'ai rien trouvé avec tout ce qui est en HTML et CSS.

si quelqu'un sait comment on peut le faire n’hésitez de partager avec moi

.
j'ai vraiment besoin de vos aides les amis

**Muchos** · 17/10/2012, 15h39

c'est pour la 2eme fois que je pose une question

La cinquième

lorsqu'on clique dessus, elle remonte en haut pour afficher le bouton déconnecter

J'imagine qu'il faudrait utiliser Javascript, avec un évènement onclick par ex.
Néanmoins, en css, tu peux peut-être faire un menu réactif avec hover et active :

Code html :

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
 
<!doctype html>
<html lang="fr-FR">
<head>
	<meta charset="UTF-8" />
	<title>Menu réactif</title>
	<style type="text/css">
div {
width: 4em; height: 6em;
margin-bottom: -4em;
-moz-transition: margin-bottom 1s;
-o-transition: margin-bottom 1s;
-webkit-transition: margin-top 1s;
transition: margin-bottom 1s;
background-color: grey;
position: fixed;
bottom: 0;
right: 1em;
text-align: center;
color: white;
}
div:hover, div:focus, div:active {margin-bottom: 0;}
a {position: relative; top: 2em; color: white;}
b {display: block; position: relative; top: 0;}
        </style>
</head>
<body>
	<div>
		<b>MENU</b>
		<a href="#">quit</a>
	</div>	
</body>
</html>

Application mobile : créer une barre qui remonte lorsqu'on clique dessus

Conception Web

Discussions similaires

Partager

Partager